@charset "UTF-8";

@font-face {
    font-family: Gotham Pro;
    src: url(/fonts/GothamPro-Black.woff) format("woff");
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: Gotham Pro;
    src: url(/fonts/GothamPro.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Gotham Pro;
    src: url(/fonts/GothamPro-BlackItalic.woff) format("woff");
    font-weight: 900;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/fonts/GothamPro-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/fonts/GothamPro-Italic.woff) format("woff");
    font-weight: 400;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/fonts/GothamPro-LightItalic.woff) format("woff");
    font-weight: 300;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/fonts/GothamPro-Medium.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Gotham Pro;
    src: url(/fonts/GothamPro-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: e-UkraineHead;
    src: url(/fonts/e-UkraineHead-Bold.woff) format("woff");
    font-weight: 700;
    font-display: swap
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

picture {
    display: inline-block
}

html,
body {
    scroll-behavior: smooth;
    background: var(--main-bg)
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

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

input,
button,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: transparent
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

html,
body {
    height: 100%;
    min-width: var(--min-width)
}

body {
    color: var(--primary);
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 140%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input,
button,
textarea {
    font-family: var(--font-nunito);
    font-size: inherit;
    line-height: inherit
}

details>summary {
    list-style: none
}

details>summary::-webkit-details-marker {
    display: none
}

* *::-webkit-scrollbar {
    width: 5px;
    border-radius: 2px
}

* *::-webkit-scrollbar-track {
    background: #717176
}

* *::-webkit-scrollbar-thumb {
    background: #ed2f1f;
    min-height: 150px
}

* *::-webkit-scrollbar-thumb:hover {
    background: #ce4133
}

:root {
    --primary: #FFFBEF;
    --main-bg: #0F0F16;
    --grey: rgba(255, 251, 239, .4);
    --gradient: linear-gradient(90deg, #1d68ec 0%, #36d4f1 100%);
    border-radius: 4px;
    --font-primary: "Gotham Pro", sans-serif;
    --font-e-ukraine-head: "e-UkraineHead", san-serif;
    --container-width: 1312px;
    --padding: 16px;
    --mobile-small: 479.98px;
    --mobile: 767.98px;
    --tablet: 991.98px;
    --pc: 1199.98px;
    --max-width: 1920px;
    --min-width: 320px
}

.lock body {
    overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow: clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper>main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: -webkit-calc(var(--container-width) + var(--padding) * 2);
    max-width: -moz-calc(var(--container-width) + var(--padding) * 2);
    max-width: calc(var(--container-width) + var(--padding) * 2);
    margin: 0 auto;
    padding: 0 var(--padding)
}

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

.ibg--top {
    -o-object-position: top;
    object-position: top
}

.ibg--bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.ibg--left {
    -o-object-position: left;
    object-position: left
}

.ibg--right {
    -o-object-position: right;
    object-position: right
}

.ibg--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.header {
    padding: 24px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px
}

.header._header-scroll:after {
    background: rgba(15, 15, 22, .85);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.header__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    z-index: 3
}

.header__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.header__logo {
    margin-right: 94px;
    display: inline-block;
    position: relative;
    z-index: 3
}

.header__logo img {
    max-width: 100%
}

.header__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 40px
}

.header__right .button {
    height: 54px;
    padding: 5px 24px
}

.header__right-mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 15px
}

.header__logout {
    padding: 5px 12px;
    border-radius: 8px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 5px;
    background: rgba(255, 42, 42, .2);
    font-size: 10px;
    color: #ff3737;
    line-height: 175%
}

.header__logout svg,
.header__logout img {
    width: 20px;
    height: 20px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.menu__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 10px 46px
}

.menu__link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    line-height: 120%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    color: var(--grey)
}

.menu__link img,
.menu__link svg {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    opacity: .4;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.menu__link:hover {
    color: var(--primary)
}

.menu__link:hover img,
.menu__link:hover svg {
    opacity: 1
}

.menu__mob {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 28px
}

.header__button-menu-wrap {
    outline: none;
    display: none;
    padding: 2px 6px;
    height: 30px;
    z-index: 6;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, .2)
}

.header__button-menu {
    height: 16px;
    position: relative;
    width: 17px
}

.header__button-menu span,
.header__button-menu:before,
.header__button-menu:after {
    content: "";
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: 2.25px;
    background: rgba(255, 255, 255, .2);
    border-radius: 2px
}

.header__button-menu:before {
    top: 0
}

.header__button-menu:after {
    bottom: 0
}

.header__button-menu span {
    top: -webkit-calc(50% - 1.12px);
    top: -moz-calc(50% - 1.12px);
    top: calc(50% - 1.12px)
}

.menu-open .header__button-menu span {
    width: 0
}

.menu-open .header__button-menu:before {
    top: -webkit-calc(50% - 1.12px);
    top: -moz-calc(50% - 1.12px);
    top: calc(50% - 1.12px);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-open .header__button-menu:after {
    bottom: -webkit-calc(50% - 1.12px);
    bottom: -moz-calc(50% - 1.12px);
    bottom: calc(50% - 1.12px);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.footer {
    background: #15151D;
    padding: 36px 0
}

.footer__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    gap: 68px
}

.footer__logo {
    max-width: 186px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.footer__logo img {
    max-width: 100%
}

.footer__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    gap: 68px
}

.footer__title {
    font-weight: 500
}

.footer__title:not(:last-child) {
    margin-bottom: 16px
}

.footer__list {
    display: grid;
    gap: 8px
}

.footer__list a {
    font-size: 14px;
    color: var(--grey);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.footer__socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    gap: 12px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 400px
}

.footer__social {
    padding: 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: rgba(255, 251, 239, .03);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 12px;
    color: var(--grey);
    font-weight: 700;
    line-height: 120%
}

.footer__social img,
.footer__social svg {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.footer__info {
    padding: 45px 0 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 32px
}

.footer__text {
    max-width: 734px;
    font-size: 12px;
    color: #fffbef33;
    width: 100%
}

.footer__payments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 15px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__bottom {
    padding-top: 18px;
    border-top: 1px solid rgba(255, 251, 239, .05)
}

.footer__copy {
    font-size: 14px;
    color: var(--grey);
    text-align: center
}

.text-gradient {
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: inherit;
    display: inline-block
}

.title {
    font-weight: 700;
    font-size: 46px;
    line-height: 180%
}

.title .title__white {
    display: inline-block
}

.title .text-gradient {
    font-size: 64px;
    line-height: 120%
}

.clip-svg {
    position: absolute;
    width: 0;
    height: 0
}

[data-tippy-template] {
    display: none;
    opacity: 0;
    z-index: -1;
    position: absolute
}

.tippy-box {
    background: transparent !important
}

.tippy-content {
    border-radius: 4px;
    background: rgba(255, 251, 239, .03);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    padding: 9px 14px;
    position: relative;
    color: #fffbefcc;
    font-size: 12px;
    line-height: 140%
}

.tippy-content img {
    width: 16px;
    height: 16px;
    margin: 0 4px
}

.tippy-content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .15)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 4px
}

.tippy-arrow {
    display: none
}

.text-left {
    text-align: left
}

.otp__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.otp__items input {
    outline: none;
    border-radius: 3px;
    background: rgba(255, 251, 239, .03);
    border: 1px solid transparent;
    width: 100%;
    text-align: center;
    max-width: 45px;
    font-size: 18px;
    color: var(--primary);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    margin: 0 3px;
    height: 54px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    padding: 5px 0;
    line-height: .6
}

.otp__items input:focus {
    border: 1px solid rgba(255, 251, 239, .15)
}

.otp__items input:first-child {
    margin-left: 0
}

.otp__items input:last-child {
    margin-right: 0
}

.otp__divider {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1px;
    width: 6px
}

.text-center {
    text-align: center
}

.button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 12px;
    color: var(--primary);
    font-size: 18px;
    font-weight: 700;
    border-radius: 4px;
    padding: 5px 31px;
    height: 64px;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease
}

.button--primary {
    background: var(--gradient)
}

.button--outlined {
    border: 1px solid rgba(255, 251, 239, .2);
    color: var(--grey);
    font-size: 16px;
    font-weight: 400
}

.button--outlined img,
.button--outlined svg {
    opacity: .6;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.button--transparent {
    background: rgba(255, 251, 239, .05)
}

.button img,
.button svg {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.select {
    min-width: 0;
    position: relative
}

.select__body {
    position: relative
}

.select_money .select__value._select-pseudo-label {
    gap: 16px
}

.select_money .select__value._select-pseudo-label:before {
    content: "";
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    order: -1;
    background: url(/images/wallet.svg) center/contain no-repeat
}

.select_server .select__value._select-pseudo-label {
    gap: 16px
}

.select_server .select__value._select-pseudo-label:before {
    content: "";
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    order: -1;
    background: url(/images/server.svg) center/contain no-repeat
}

.select_lang .select__scroll {
    max-height: 400px
}

.select_lang .select__asset {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.select_lang .select__options {
    background: transparent;
    border: none !important;
    padding: 10px 0 0;
    overflow: visible
}

.select_lang .select__option {
    padding: 12px 24px;
    color: var(--grey);
    border-radius: 5px;
    border: 1px solid rgba(255, 251, 239, .15);
    background: rgba(255, 251, 239, .05);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.select_lang .select__option:not(:last-child) {
    margin-bottom: 10px
}

.select_lang .select__option .select__row {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px
}

.select_lang .select__option._select-selected {
    background: transparent;
    color: var(--primary)
}

.select_lang .select__title {
    border: none;
    color: var(--primary);
    padding: 0 0 0 24px;
    background: transparent
}

.select_lang .select__title .select__value {
    padding: 0
}

.select_lang .select__title .select__value:after {
    content: "";
    display: none
}

.select_lang .select__title .select__row {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    gap: 12px
}

.select__title {
    text-align: left;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    color: var(--primary);
    background: rgba(255, 251, 239, .02);
    border: 1px solid rgba(255, 251, 239, .1);
    padding: 20px
}

.select__value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    min-width: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: toRem(12)
}

.select__value:before {
    font-size: 14px;
    color: red
}

.select__value:after {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12px;
    -moz-box-flex: 0;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background: url(/images/arrow.svg) center/contain no-repeat;
    margin-left: auto
}

._select-open .select__value:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.select__value._select-pseudo-label:before {
    content: attr(data-pseudo-label)
}

.select__content {
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    order: -1
}

.select__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select__input {
    width: 100%;
    background-color: transparent;
    height: 100%
}

.select__options {
    color: var(--primary);
    border: 1px solid rgba(255, 251, 239, .1);
    position: absolute;
    top: -webkit-calc(100% - 2px);
    top: -moz-calc(100% - 2px);
    top: calc(100% - 2px);
    border-radius: 4px;
    min-width: 100%;
    left: 0;
    padding: 0;
    overflow: hidden;
    background: var(--main-bg)
}

.select__scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px
}

.select__option {
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 16px;
    color: var(--primary)
}

.select__row {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.select--show-top .select__options {
    top: auto;
    bottom: -webkit-calc(100% - 2px);
    bottom: -moz-calc(100% - 2px);
    bottom: calc(100% - 2px)
}

._select-tag {
    cursor: pointer
}

.form-item._viewpass-active .form-item__pass-hidden {
    display: none
}

.form-item._viewpass-active .form-item__pass-visible {
    display: block
}

.form-item--selected {
    font-size: 16px
}

.form-item--error .form-item__icon svg {
    fill: #ff3f3f
}

.form-item--donate.hide {
    display: none
}

.form-item--donate .form-item__input-wrap input {
    padding-right: 160px
}

.form-item__pass-visible {
    display: none
}

.form-item__input-wrap {
    position: relative
}

.form-item__input-wrap input {
    border-radius: 4px;
    border: 1px solid rgba(255, 251, 239, .1);
    background: rgba(255, 251, 239, .02);
    display: block;
    width: 100%;
    height: 64px;
    color: var(--primary);
    outline: none;
    padding: 0 60px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.form-item__input-wrap input:hover {
    background: rgba(255, 251, 239, .05)
}

.form-item__input-wrap input:focus {
    border: 1px solid rgba(255, 251, 239, .5);
    background: rgba(255, 251, 239, .02)
}

.form-item__input-wrap input::-webkit-input-placeholder {
    color: #fffbef66
}

.form-item__input-wrap input::-moz-placeholder {
    color: #fffbef66
}

.form-item__input-wrap input:-ms-input-placeholder {
    color: #fffbef66
}

.form-item__input-wrap input::-ms-input-placeholder {
    color: #fffbef66
}

.form-item__input-wrap input::placeholder {
    color: #fffbef66
}

.form-item--error .form-item__input-wrap input {
    border: 1px solid rgba(255, 63, 63, .5)
}

.form-item__input-wrap input[type=number] {
    -moz-appearance: textfield
}

.form-item__input-wrap input[type=number]::-webkit-outer-spin-button,
.form-item__input-wrap input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-item__input-wrap input.font-medium {
    font-weight: 500
}

.form-item__icon {
    width: 24px;
    height: 24px;
    opacity: .6;
    pointer-events: all;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: relative
}

.form-item__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    height: -webkit-calc(100% + 10px);
    height: -moz-calc(100% + 10px);
    height: calc(100% + 10px);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.form-item__icon--error,
.form-item__icon--phone {
    opacity: 1
}

.form-item__icon[data-pass-toggle] {
    cursor: pointer
}

.form-item__icon svg,
.form-item__icon img {
    width: 100%;
    height: 100%;
    fill: #fff
}

.form-item__icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    pointer-events: none;
    gap: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    z-index: 2
}

.form-item__icons--left {
    left: 20px
}

.form-item__icons--right {
    right: 20px
}

.form-item__icons--right .form-item__icon {
    width: 18px;
    height: 18px
}

.form-item__x2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.form-item__x2-icon1 {
    width: 25px;
    height: 25px;
    margin-right: 8px
}

.form-item__x2-icon1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.form-item__equal {
    color: #fffbef66;
    font-style: italic;
    line-height: 100%;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.form-item__x2-text {
    color: #ffc328;
    font-size: 16px;
    font-style: italic;
    font-weight: 900;
    line-height: 120%;
    margin: 4px 6px 0 10px
}

.form-item__x2-icon2 {
    width: 24px;
    height: 24px;
    margin-top: 2px
}

.form-item__x2-icon2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.checkbox {
    position: relative
}

.checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.checkbox__input:checked+.checkbox__label:before {
    content: "";
    background: url(/images/svg/checked.svg) center/contain no-repeat, var(--primary)
}

.checkbox__label {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    position: relative;
    gap: 14px
}

.checkbox__label:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid rgba(255, 251, 239, .1);
    background: rgba(255, 251, 239, .02);
    display: inline-block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.checkbox__text {
    color: #fffbef66;
    line-height: 120%
}

.checkbox__text a {
    text-decoration: underline;
    color: var(--primary);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.checkbox__text a:hover {
    color: #ec2b1d
}

.additional {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1000;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s, -moz-transform .3s ease 0s
}

.additional.open {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: all
}

.additional_container {
    width: 464px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 36px;
    border-radius: 8px;
    border: 1px solid rgba(255, 251, 239, .15);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .03)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%)
}

.additional__title {
    color: #fffbef;
    font-size: 21px;
    font-weight: 700;
    line-height: 175%;
    padding-bottom: 9px
}

.additional__sub-title {
    color: #fffbef66;
    font-size: 14px;
    line-height: 140%;
    padding-bottom: 28px
}

.additional__inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    gap: 12px
}

.additional__select-container,
.additional__input-container {
    height: 64px;
    width: 100%;
    position: relative
}

.additional__select-image,
.additional__input-image {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    pointer-events: none;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.additional__select-arrow {
    position: absolute;
    top: -webkit-calc(50% - 12px);
    top: -moz-calc(50% - 12px);
    top: calc(50% - 12px);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    right: 20px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.additional__select-container.open .additional__select-arrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0)
}

.additional__input-search,
.additional__input {
    width: 100%;
    height: 100%;
    background-color: #fffbef1a;
    border-radius: 4px;
    border: 1px solid rgba(255, 251, 239, .1);
    background: rgba(255, 251, 239, .02);
    padding: 0 60px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    color: #fffbef;
    font-size: 16px;
    line-height: 120%;
    outline: none;
    text-overflow: ellipsis
}

.additional__input-search {
    padding-right: 60px
}

.additional__input-search:hover .additional__input:hover {
    border-radius: 4px;
    border: 1px solid rgba(255, 251, 239, .1);
    background: rgba(255, 251, 239, .05)
}

.additional__input-search:focus,
.additional__input:focus {
    border-radius: 4px;
    border: 1px solid rgba(255, 251, 239, .5);
    background: rgba(255, 251, 239, .02)
}

.additional__input-container_address input {
    padding: 0 24px
}

.additional__submit {
    margin-top: 36px;
    height: 64px;
    width: 100%;
    border-radius: 4px;
    background: var(--gradient);
    color: #fffbef;
    text-align: center;
    font-size: 18px;
    line-height: 140%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.select-dropdown__container {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 7px 0 0 !important;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease
}

.additional__select-container.open .select-dropdown__container {
    opacity: 1;
    pointer-events: all
}

.select-dropdown__items {
    height: 251px;
    border-radius: 4px;
    background: #191920;
    overflow-y: scroll
}

.select-dropdown__items::-webkit-scrollbar {
    display: none
}

.select-dropdown__item {
    padding: 16px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .03);
    color: #fffbef80;
    font-size: 16px;
    line-height: 120%;
    cursor: pointer;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease
}

.select-dropdown__item:hover {
    color: #fff
}

.select-dropdown__item:last-child {
    border-bottom: none
}

.select-dropdown__shadow {
    position: absolute;
    bottom: 0;
    height: 10px;
    width: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear, left bottom, left top, from(#191920), to(rgba(25, 25, 32, 0)));
    background: -webkit-linear-gradient(bottom, #191920 0%, rgba(25, 25, 32, 0) 100%);
    background: -moz-linear-gradient(bottom, #191920 0%, rgba(25, 25, 32, 0) 100%);
    background: linear-gradient(0deg, #191920 0%, rgba(25, 25, 32, 0) 100%);
    z-index: 200
}

.telegram-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #16abff;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 6px #0000004d;
    z-index: 9999
}

.support-text {
    position: fixed;
    bottom: 28px;
    right: 80px;
    background-color: #0006;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    z-index: 9998
}

.telegram-btn,
.support-text {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.support-text.with-cookie,
.telegram-btn.with-cookie {
    bottom: 128px
}

.cookie-container.hide,
.telegram-btn.hide,
.support-text.hide {
    opacity: 0;
    pointer-events: none
}

.cookie-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s;
    border: 1px solid rgba(65, 63, 65, .5607843137);
    background: #15151d;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 60px;
    padding: 22px 24px;
    z-index: 100;
    margin-left: 20px
}

.cookie-container .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 15px
}

.cookie-container .left .image {
    width: 46px;
    height: 46px
}

.cookie-container .left .text {
    color: #fff9;
    font-size: 14px;
    line-height: 140%;
    max-width: 370px
}

.cookie-container .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    height: 38px
}

.cookie-btn {
    height: 100%;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    line-height: 120%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    padding: 0 29px;
    cursor: pointer
}

.cookie-container .right .cancel-btn {
    background: rgba(255, 255, 255, .05);
    color: #fffc
}

.cookie-container .right .accept-btn {
    background: -webkit-gradient(linear, left top, right top, from(#ec2b1d), to(#f17d36));
    background: -webkit-linear-gradient(left, #ec2b1d 0%, #f17d36 100%);
    background: -moz-linear-gradient(left, #ec2b1d 0%, #f17d36 100%);
    background: linear-gradient(90deg, #ec2b1d 0%, #f17d36 100%);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.main-block {
    padding: 146px 0 58px;
    position: relative
}

.main-block__decor {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%);
    width: 100%;
    height: 100%
}

.main-block__decor img {
    -o-object-position: center;
    object-position: center;
    max-width: 100%
}

.main-block__container {
    position: relative;
    z-index: 3
}

.main-block__content {
    position: relative
}

.main-block__content>* {
    position: relative;
    z-index: 2
}

.main-block__image {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    left: 50%;
    -webkit-transform: translate(-50%, 15%);
    -moz-transform: translate(-50%, 15%);
    -ms-transform: translate(-50%, 15%);
    transform: translate(-50%, 15%);
    width: 1100px
}

.main-block__image img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.main-block__image--default {
    opacity: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.active-image .main-block__image--default,
.main-block__image--active {
    opacity: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease
}

.active-image .main-block__image--active {
    opacity: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.main-block__title {
    text-align: center;
    margin-bottom: 18px;
    font-size: 68px;
    font-weight: 700;
    line-height: 120%;
    font-family: var(--font-e-ukraine-head)
}

.main-block__description {
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
    color: var(--grey)
}

.main-block__description b {
    color: var(--primary)
}

.main-block__bottom {
    margin-top: 386px
}

.main-block__players {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 16px
}

.main-block__players:not(:last-child) {
    margin-bottom: 32px
}

.main-block__players-count {
    padding: 8px 10px 6px 12px;
    min-width: 122px;
    background: url(/images/svg/bg.svg) 0 0/100% 100% no-repeat
}

.main-block__players-count p {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    color: #323131;
    font-size: 21px;
    font-weight: 700;
    line-height: 120%;
    gap: 6px
}

.main-block__players-text {
    font-size: 18px;
    max-width: 160px;
    line-height: 120%;
    font-weight: 500
}

.main-block__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 12px 24px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-block__buttons:not(:last-child) {
    margin-bottom: 24px
}

.main-block__windows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 13px;
    max-width: 200px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 120%;
    opacity: .4
}

.main-block__servers {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 78px
}

.main-block__server {
    padding: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(255, 251, 239, .03);
    gap: 16px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.main-block__server.hidden {
    display: none
}

.main-block__server-number {
    min-width: 48px;
    padding: 5px 10px;
    height: 48px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(255, 251, 239, .1);
    font-size: 28px;
    line-height: 120%;
    font-weight: 900;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.main-block__server-count {
    color: #fffbef80;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 4px
}

.main-block__server-count span {
    color: var(--primary)
}

.main-block__server-status {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.main-block__server-status--online {
    background: #87D24C
}

.main-block__server-info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.main-block__server-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

.main-block__server-name:not(:last-child) {
    margin-bottom: 6px
}

.main-block__server-graph {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 9px
}

.main-block__server-line {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 3px;
    position: relative;
    background: rgba(255, 255, 255, .1)
}

.main-block__server-line span {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #87D24C
}

.main-block__all-server {
    margin-top: 24px;
    width: 100%
}

.main-block__all-server .hidden,
.main-block__all-server.active .visible {
    display: none
}

.main-block__all-server.active .hidden {
    display: inline-block
}

.why {
    padding: 58px 0
}

.why__container .title {
    text-align: center
}

.why__container .title:not(:last-child) {
    margin-bottom: 64px
}

.why__items {
    display: grid;
    gap: 36px
}

.why__item {
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 24px
}

.why__item-content {
    width: 43.1402439024%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 32px 40px 32px 36px;
    border-radius: 12px;
    background: #15151D;
    position: relative;
    overflow: hidden
}

.why__item-content>* {
    position: relative;
    z-index: 2
}

.why__item-eyebrow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.why__item-eyebrow:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 2px;
    height: 16px;
    border-radius: 1px;
    background: var(--gradient)
}

.why__item-eyebrow:not(:last-child) {
    margin-bottom: 16px
}

.why__item-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 120%
}

.why__item-title:not(:last-child) {
    margin-bottom: 16px
}

.why__item-description {
    font-size: 14px;
    color: var(--grey);
    max-width: 479px
}

.why__item-description p:not(:last-child) {
    margin-bottom: 1em
}

.why__item-description:not(:last-child) {
    margin-bottom: 24px
}

.why__item-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.why__item-tag {
    padding: 10px 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    background: rgba(255, 251, 239, .03);
    font-weight: 500
}

.why__item-tag img,
.why__item-tag svg {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.why__item-tag--other {
    color: #fffbef33
}

.why__item-image {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    border-radius: 11px;
    overflow: hidden
}

.why__item--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse
}

.why__item--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    flex-direction: column-reverse
}

.why__item--column .why__item-content {
    width: 100%
}

.why__item--column .why__item-description {
    max-width: 607px
}

.why__item--column .why__item-image {
    height: 336px
}

.why__item-image-small {
    width: 100%
}

.why__item-image-small img {
    max-width: 100%
}

.why__item-decor {
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    max-width: 811px;
    -webkit-transform: translate(20%, -25%);
    -moz-transform: translate(20%, -25%);
    -ms-transform: translate(20%, -25%);
    transform: translate(20%, -25%)
}

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

.gallery {
    padding: 58px 0 115px;
    --gap: 36px
}

.gallery__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.gallery__head-image {
    max-width: 300px
}

.gallery__head-image img {
    max-width: 100%
}

.gallery__top-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    gap: var(--gap)
}

.gallery__top-row>* {
    min-width: 0
}

.gallery__bottom-row {
    display: grid;
    grid-template-columns: 39.1006097561% auto;
    grid-template-areas: "second four""third four";
    gap: var(--gap)
}

.gallery__second-block {
    grid-area: second
}

.gallery__second-block .gallery__image {
    aspect-ratio: 513/314
}

.gallery__third-block {
    grid-area: third;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap)
}

.gallery__third-block .gallery__image {
    aspect-ratio: 239/145
}

.gallery__four-block {
    grid-area: four
}

.gallery__four-block .gallery__image {
    height: 100%
}

.gallery__first-block {
    width: 556px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: grid;
    gap: var(--gap);
    grid-template-columns: 281px auto;
    margin-bottom: var(--gap)
}

.gallery__first-block>* {
    min-width: 0
}

.gallery__first-block .gallery__image {
    height: 192px
}

.gallery__first-block .gallery__image:first-child {
    aspect-ratio: 173/118
}

.gallery__image {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.gallery__image>img {
    position: absolute;
    top: 0;
    left: 0
}

.gallery__image:hover .gallery__image-btn {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(239, 86, 42, .4);
    box-shadow: 0 0 25px #ef562a66
}

.gallery__image-btn {
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 251, 239, .1);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    z-index: 2;
    -webkit-backdrop-filter: blur(6.25px);
    backdrop-filter: blur(6.25px);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.gallery__image-btn svg,
.gallery__image-btn img {
    -webkit-filter: drop-shadow(0px 0px 42.1px 0px rgba(0, 0, 0, .45));
    filter: drop-shadow(0px 0px 42.1px 0px rgba(0, 0, 0, .45))
}

.gallery__hidden-images {
    display: none
}

.how {
    padding: 58px 0
}

.how__container .title {
    text-align: center
}

.how__container .title:not(:last-child) {
    margin-bottom: 64px
}

.how__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 62px
}

.how__image {
    width: 51.4481707317%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.how__image:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.how__image:active {
    -webkit-transform: translate(0, -5%) scale(1.05);
    -moz-transform: translate(0, -5%) scale(1.05);
    -ms-transform: translate(0, -5%) scale(1.05);
    transform: translateY(-5%) scale(1.05)
}

.how__image img {
    max-width: 100%
}

.how__content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.how__title2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 120%
}

.how__title2:not(:last-child) {
    margin-bottom: 16px
}

.how__description {
    font-size: 14px;
    color: var(--grey)
}

.how__description:not(:last-child) {
    margin-bottom: 28px
}

.how__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 24px 36px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.how__label-windows {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    opacity: .4
}

.how__label-windows img,
.how__label-windows svg {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.how__instruction {
    margin-top: 42px;
    padding: 35px;
    border-radius: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 21, 29, 0)), to(#15151D));
    background: -webkit-linear-gradient(top, rgba(21, 21, 29, 0) 0%, #15151D 100%);
    background: -moz-linear-gradient(top, rgba(21, 21, 29, 0) 0%, #15151D 100%);
    background: linear-gradient(180deg, rgba(21, 21, 29, 0) 0%, #15151D 100%);
    position: relative
}

.how__instruction:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .05)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2px;
    border-radius: 12px
}

.how__instruction-title {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.how__instruction-title:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 2px;
    height: 16px;
    border-radius: 1px;
    background: var(--gradient)
}

.how__instruction-title:not(:last-child) {
    margin-bottom: 27px
}

.how__instruction-item {
    color: #fffbef33;
    padding-left: 63px;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

.how__instruction-item:after {
    content: "";
    left: 19px;
    top: 50%;
    height: -webkit-calc(100% + 40px);
    height: -moz-calc(100% + 40px);
    height: calc(100% + 40px);
    width: 2px;
    border-left: 2px dashed #1D1D24;
    position: absolute
}

.how__instruction-item:not(:last-child) {
    margin-bottom: 24px
}

.how__instruction-item:nth-last-child(2):after {
    display: none
}

.how__instruction-item:last-child:after {
    top: auto;
    bottom: 50%
}

.how__instruction-item--active {
    color: var(--primary)
}

.how__instruction-item--active .how__instruction-square {
    opacity: 1;
    border-radius: 2px;
    -webkit-transform: translate(0, -50%) scale(2);
    -moz-transform: translate(0, -50%) scale(2);
    -ms-transform: translate(0, -50%) scale(2);
    transform: translateY(-50%) scale(2);
    background: -webkit-gradient(linear, left top, right top, from(#EC2B1D), to(#F17D36));
    background: -webkit-linear-gradient(left, #EC2B1D 0%, #F17D36 100%);
    background: -moz-linear-gradient(left, #EC2B1D 0%, #F17D36 100%);
    background: linear-gradient(90deg, #EC2B1D 0%, #F17D36 100%)
}

.how__instruction-square {
    border-radius: 5px;
    background: rgb(29, 29, 35);
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 18px;
    height: 18px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    z-index: 2
}

.how__requirements {
    margin-top: 48px
}

.how__requirements-title {
    background: #15151D;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 16px;
    padding: 30px 36px;
    border-radius: 12px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.how__requirements-title:hover {
    background: rgba(21, 21, 29, .7)
}

.how__requirements-title-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

.how__requirements-title-left svg {
    fill: #fff6;
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

._spoller-active .how__requirements-title-left svg {
    fill: #ef582b
}

.how__requirements-icon {
    position: relative;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, .4);
    border-radius: 50%
}

.how__requirements-icon:after,
.how__requirements-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 1.5px;
    background: var(--primary);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 2px
}

.how__requirements-icon:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

._spoller-active .how__requirements-icon:before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0)
}

.how__requirements-body {
    padding-top: 32px
}

.how__requirements-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

.how__requirements-block {
    background: #15151D;
    border-radius: 12px;
    padding: 33px 26px
}

.how__requirements-block.w-100 {
    grid-column: 1/3
}

.how__requirements-block-head {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    font-size: 21px;
    color: #fff;
    font-weight: 700;
    line-height: 120%
}

.how__requirements-block-head:not(:last-child) {
    margin-bottom: 48px
}

.how__requirements-item {
    padding: 18px 0;
    line-height: 120%
}

.how__requirements-item:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(/images/svg/ok.svg) center no-repeat;
    display: inline-block;
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 5px
}

.how__requirements-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.how__requirements-item:first-child {
    padding-top: 0
}

.how__requirements-item:last-child {
    padding-bottom: 0
}

.how__requirements-label {
    color: #fffbef99;
    display: inline
}

.how__requirements-value {
    font-weight: 500;
    text-align: right;
    display: inline
}

.cabinet {
    padding: 170px 0 115px;
    position: relative
}

.cabinet__decor {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%);
    width: 100%;
    height: 100%
}

.cabinet__decor img {
    -o-object-position: center;
    object-position: center;
    max-width: 100%
}

.cabinet__container {
    position: relative;
    z-index: 2
}

.cabinet__row {
    display: grid;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    grid-template-columns: 315px auto;
    gap: 36px
}

.cabinet__row>* {
    min-width: 0
}

.cabinet__aside {
    padding: 24px;
    border-radius: 8px;
    position: -webkit-sticky;
    position: sticky;
    top: 130px;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .01)), color-stop(90%, rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .01) 0%, rgba(255, 251, 239, 0) 90%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .01) 0%, rgba(255, 251, 239, 0) 90%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .01) 0%, rgba(255, 251, 239, 0) 90%)
}

.cabinet__aside:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .05)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2px;
    border-radius: 12px
}

.cabinet__aside-current-server {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 10px;
    padding: 15px 11px;
    border-radius: 4px;
    background: rgba(255, 125, 45, .05)
}

.cabinet__aside-current-server-number {
    position: relative;
    width: 38px;
    height: 38px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.cabinet__aside-current-server-number img {
    width: 100%;
    height: 100%
}

.cabinet__aside-current-server-number span {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 14px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43.94%, #FFF), color-stop(80.92%, #C9C9C9));
    background: -webkit-linear-gradient(top, #FFF 43.94%, #C9C9C9 80.92%);
    background: -moz-linear-gradient(top, #FFF 43.94%, #C9C9C9 80.92%);
    background: linear-gradient(180deg, #FFF 43.94%, #C9C9C9 80.92%);
    background-clip: text;
    font-style: italic;
    line-height: 100%;
    font-weight: 900;
    -webkit-text-stroke-width: .4px;
    -webkit-text-stroke-color: #D4D4D4;
    letter-spacing: .675px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cabinet__aside-block:not(:last-child) {
    margin-bottom: 24px
}

.cabinet__aside-title {
    margin-bottom: 8px;
    line-height: 175%;
    color: #fffbef66
}

.cabinet__aside-links {
    display: grid;
    gap: 12px
}

.cabinet__aside-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(255, 251, 239, .02);
    padding: 14px 24px;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    transition: color .2s ease;
    color: #fffbefcc;
    position: relative
}

.cabinet__aside-link>* {
    position: relative;
    z-index: 2
}

.cabinet__aside-link:after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--gradient);
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0
}

.cabinet__aside-link.active {
    color: var(--primary);
    font-weight: 500
}

.cabinet__aside-link.active img,
.cabinet__aside-link.active svg {
    opacity: 1
}

.cabinet__aside-link.active:after {
    content: "";
    opacity: 1
}

.cabinet__aside-link img,
.cabinet__aside-link svg {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    opacity: .4;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.cabinet__aside-logout {
    margin-top: 27px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    padding: 22px 45px;
    border-radius: 4px;
    background: rgba(255, 42, 42, .05);
    line-height: 175%;
    color: #ff3737;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.cabinet__aside-logout img {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.cabinet__hello-text {
    margin-bottom: 24px;
    color: #fffbef66
}

.cabinet__hello-text b {
    color: var(--primary)
}

.cabinet__block:not(:last-child) {
    margin-bottom: 43px
}

.cabinet__block-title {
    font-size: 18px;
    color: #fffbef66
}

.cabinet__block-title:not(:last-child) {
    margin-bottom: 24px
}

.cabinet__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px
}

.cabinet__card {
    border-radius: 8px;
    padding: 20px;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.cabinet__card:after {
    content: ""
}

.cabinet__card:hover .cabinet__card-name {
    opacity: 1
}

.cabinet__card:hover .default {
    display: none
}

.cabinet__card:hover .hover {
    display: block
}

.cabinet__card--violet {
    --color: #C7A4FF;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(165, 95, 255, .15)), color-stop(84.06%, rgba(165, 95, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(165, 95, 255, .15) 0%, rgba(165, 95, 255, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(165, 95, 255, .15) 0%, rgba(165, 95, 255, 0) 84.06%);
    background: linear-gradient(0deg, rgba(165, 95, 255, .15) 0%, rgba(165, 95, 255, 0) 84.06%)
}

.cabinet__card--violet:hover {
    --color: var(--primary);
    background: #A55FFF
}

.cabinet__card--violet:hover .cabinet__card-payment img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.cabinet__card--violet:hover .cabinet__card-date {
    color: var(--primary)
}

.cabinet__card--violet:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#a55fff), to(rgba(165, 95, 255, 0)));
    background: -webkit-linear-gradient(top, #a55fff 0%, rgba(165, 95, 255, 0) 100%);
    background: -moz-linear-gradient(top, #a55fff 0%, rgba(165, 95, 255, 0) 100%);
    background: linear-gradient(180deg, #a55fff 0%, rgba(165, 95, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__card--green {
    --color: #E7FFA4;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(146, 254, 61, .15)), color-stop(84.06%, rgba(146, 254, 61, 0)));
    background: -webkit-linear-gradient(bottom, rgba(146, 254, 61, .15) 0%, rgba(146, 254, 61, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(146, 254, 61, .15) 0%, rgba(146, 254, 61, 0) 84.06%);
    background: linear-gradient(0deg, rgba(146, 254, 61, .15) 0%, rgba(146, 254, 61, 0) 84.06%)
}

.cabinet__card--green:hover {
    background: #ADFF00;
    --color: #272727
}

.cabinet__card--green:hover .cabinet__card-name {
    color: #272727
}

.cabinet__card--green:hover .cabinet__card-label {
    color: #27272799
}

.cabinet__card--green:hover .cabinet__card-date {
    color: #272727
}

.cabinet__card--green:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#92fe3d), to(rgba(146, 254, 61, 0)));
    background: -webkit-linear-gradient(top, #92fe3d 0%, rgba(146, 254, 61, 0) 100%);
    background: -moz-linear-gradient(top, #92fe3d 0%, rgba(146, 254, 61, 0) 100%);
    background: linear-gradient(180deg, #92fe3d 0%, rgba(146, 254, 61, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__card--blue {
    --color: #A4C3FF;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(94, 139, 255, .15)), color-stop(84.06%, rgba(94, 139, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(94, 139, 255, .15) 0%, rgba(94, 139, 255, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(94, 139, 255, .15) 0%, rgba(94, 139, 255, 0) 84.06%);
    background: linear-gradient(0deg, rgba(94, 139, 255, .15) 0%, rgba(94, 139, 255, 0) 84.06%)
}

.cabinet__card--blue:hover {
    --color: var(--primary);
    background: #5E8BFF
}

.cabinet__card--blue:hover .cabinet__card-payment img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.cabinet__card--blue:hover .cabinet__card-date {
    color: var(--primary)
}

.cabinet__card--blue:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#5e8bff), to(rgba(94, 139, 255, 0)));
    background: -webkit-linear-gradient(top, #5e8bff 0%, rgba(94, 139, 255, 0) 100%);
    background: -moz-linear-gradient(top, #5e8bff 0%, rgba(94, 139, 255, 0) 100%);
    background: linear-gradient(180deg, #5e8bff 0%, rgba(94, 139, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__card--yellow {
    --color: #FFE6A4;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 204, 21, .15)), color-stop(84.06%, rgba(255, 204, 21, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 204, 21, .15) 0%, rgba(255, 204, 21, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 204, 21, .15) 0%, rgba(255, 204, 21, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 204, 21, .15) 0%, rgba(255, 204, 21, 0) 84.06%)
}

.cabinet__card--yellow:hover {
    background: #FFB800;
    --color: #272727
}

.cabinet__card--yellow:hover .cabinet__card-name {
    color: #272727
}

.cabinet__card--yellow:hover .cabinet__card-label {
    color: #27272799
}

.cabinet__card--yellow:hover .cabinet__card-date {
    color: #272727
}

.cabinet__card--yellow:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc15), to(rgba(255, 204, 21, 0)));
    background: -webkit-linear-gradient(top, #ffcc15 0%, rgba(255, 204, 21, 0) 100%);
    background: -moz-linear-gradient(top, #ffcc15 0%, rgba(255, 204, 21, 0) 100%);
    background: linear-gradient(180deg, #ffcc15 0%, rgba(255, 204, 21, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__card-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.cabinet__card-top:not(:last-child) {
    margin-bottom: 20px
}

.cabinet__card-name {
    opacity: .2;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    color: #fff
}

.cabinet__card-name svg {
    fill: currentColor;
    width: auto
}

.cabinet__card-valute {
    font-weight: 700;
    line-height: 120%;
    color: var(--color)
}

.cabinet__card-label {
    color: #fffbef66;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 6px
}

.cabinet__card-code {
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%;
    color: var(--color)
}

.cabinet__card-bottom {
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.cabinet__card-date {
    color: #fffbef66;
    font-size: 18px;
    font-style: italic;
    line-height: 120%;
    font-weight: 300
}

.cabinet__card-payment {
    height: 16px
}

.cabinet__card-payment img {
    max-height: 100%
}

.cabinet__card-payment .hover {
    display: none
}

.cabinet__additional-info-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px
}

.cabinet__additional-info-item {
    border-radius: 8px;
    padding: 44px 20px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: relative
}

.cabinet__additional-info-item:after {
    content: ""
}

.cabinet__additional-info-item--green {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(86, 255, 214, .15)), color-stop(84.06%, rgba(86, 255, 214, 0)));
    background: -webkit-linear-gradient(bottom, rgba(86, 255, 214, .15) 0%, rgba(86, 255, 214, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(86, 255, 214, .15) 0%, rgba(86, 255, 214, 0) 84.06%);
    background: linear-gradient(0deg, rgba(86, 255, 214, .15) 0%, rgba(86, 255, 214, 0) 84.06%)
}

.cabinet__additional-info-item--green:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#56ffd6), to(rgba(86, 255, 214, 0)));
    background: -webkit-linear-gradient(top, #56ffd6 0%, rgba(86, 255, 214, 0) 100%);
    background: -moz-linear-gradient(top, #56ffd6 0%, rgba(86, 255, 214, 0) 100%);
    background: linear-gradient(180deg, #56ffd6 0%, rgba(86, 255, 214, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__additional-info-item--green .cabinet__additional-info-text b {
    color: #94ffe5
}

.cabinet__additional-info-item--green:hover {
    background: #56FFD6
}

.cabinet__additional-info-item--green:hover .cabinet__additional-info-progress svg .main-circle {
    stroke: #2727271a
}

.cabinet__additional-info-item--green:hover .cabinet__additional-info-progress svg .progress-svg {
    stroke: #272727
}

.cabinet__additional-info-item--green:hover .cabinet__additional-info-label {
    color: #272727
}

.cabinet__additional-info-item--green:hover .cabinet__additional-info-icon {
    background: rgba(39, 39, 39, .1)
}

.cabinet__additional-info-item--green:hover .cabinet__additional-info-text {
    color: #272727
}

.cabinet__additional-info-item--green:hover .cabinet__additional-info-text b {
    color: inherit
}

.cabinet__additional-info-item--blue {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(94, 139, 255, .15)), color-stop(84.06%, rgba(94, 139, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(94, 139, 255, .15) 0%, rgba(94, 139, 255, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(94, 139, 255, .15) 0%, rgba(94, 139, 255, 0) 84.06%);
    background: linear-gradient(0deg, rgba(94, 139, 255, .15) 0%, rgba(94, 139, 255, 0) 84.06%)
}

.cabinet__additional-info-item--blue:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#5e8bff), to(rgba(94, 139, 255, 0)));
    background: -webkit-linear-gradient(top, #5e8bff 0%, rgba(94, 139, 255, 0) 100%);
    background: -moz-linear-gradient(top, #5e8bff 0%, rgba(94, 139, 255, 0) 100%);
    background: linear-gradient(180deg, #5e8bff 0%, rgba(94, 139, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__additional-info-item--blue .cabinet__additional-info-text b {
    color: #a4c3ff
}

.cabinet__additional-info-item--blue:hover {
    background: #5E8BFF
}

.cabinet__additional-info-item--blue:hover .cabinet__additional-info-label {
    color: var(--primary)
}

.cabinet__additional-info-item--blue:hover .cabinet__additional-info-icon {
    background: rgba(255, 251, 239, .2)
}

.cabinet__additional-info-item--blue:hover .cabinet__additional-info-text {
    color: var(--primary)
}

.cabinet__additional-info-item--blue:hover .cabinet__additional-info-text b {
    color: inherit
}

.cabinet__additional-info-item--violet {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 98, 249, .15)), color-stop(84.06%, rgba(255, 98, 249, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 98, 249, .15) 0%, rgba(255, 98, 249, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 98, 249, .15) 0%, rgba(255, 98, 249, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 98, 249, .15) 0%, rgba(255, 98, 249, 0) 84.06%)
}

.cabinet__additional-info-item--violet:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff62f9), to(rgba(255, 98, 249, 0)));
    background: -webkit-linear-gradient(top, #ff62f9 0%, rgba(255, 98, 249, 0) 100%);
    background: -moz-linear-gradient(top, #ff62f9 0%, rgba(255, 98, 249, 0) 100%);
    background: linear-gradient(180deg, #ff62f9 0%, rgba(255, 98, 249, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__additional-info-item--violet .cabinet__additional-info-text b {
    color: #ff7afa
}

.cabinet__additional-info-item--violet:hover {
    background: #FF44F8
}

.cabinet__additional-info-item--violet:hover .cabinet__additional-info-label {
    color: var(--primary)
}

.cabinet__additional-info-item--violet:hover .cabinet__additional-info-icon {
    background: rgba(255, 251, 239, .2)
}

.cabinet__additional-info-item--violet:hover .cabinet__additional-info-text {
    color: var(--primary)
}

.cabinet__additional-info-item--violet:hover .cabinet__additional-info-text b {
    color: inherit
}

.cabinet__additional-info-top {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.cabinet__additional-info-top:not(:last-child) {
    margin-bottom: 28px
}

.cabinet__additional-info-progress {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px
}

.cabinet__additional-info-progress svg {
    width: 100%;
    height: 100%
}

.cabinet__additional-info-progress svg .main-circle {
    stroke: #56ffd60a
}

.cabinet__additional-info-progress svg .progress-svg {
    stroke: #56ffd6
}

.cabinet__additional-info-icon {
    width: 84px;
    height: 84px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(94, 139, 255, .04);
    padding: 11px
}

.cabinet__additional-info-icon img {
    max-width: 100%
}

.cabinet__additional-info-label {
    text-align: center;
    color: var(--grey);
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 8px
}

.cabinet__additional-info-text {
    color: #fffbef66;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 120%;
    text-align: center
}

.cabinet__additional-info-text b {
    font-size: 21px;
    font-weight: 700
}

.cabinet__weapons-skill-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px
}

.cabinet__skill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    padding: 18px 20px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .04)), color-stop(84.06%, rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden
}

.cabinet__skill:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__skill:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .1)), color-stop(84.06%, rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 84.06%)
}

.cabinet__skill:hover:before {
    opacity: 1
}

.cabinet__skill-image-wrap {
    background: rgba(255, 251, 239, .03);
    aspect-ratio: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative
}

.cabinet__skill-image-wrap--square {
    width: 58px;
    border-radius: 4px
}

.cabinet__skill-image-wrap--circle {
    width: 68px;
    border-radius: 50%
}

.cabinet__skill-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.cabinet__skill-image img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: 32px
}

.cabinet__skill-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.cabinet__skill-name {
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 9px
}

.cabinet__skill-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.cabinet__skill-row span {
    color: #fffbef66
}

.cabinet__skill-lines {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: clamp(2px, .4vw, 6px)
}

.cabinet__skill-line {
    width: clamp(.5px, .2vw, 3px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background: rgba(255, 251, 239, .1);
    height: 12px
}

.cabinet__skill-line.active {
    background: #ACFF43
}

.cabinet__skill-procent {
    text-align: right
}

.cabinet__physical-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px
}

.cabinet__info {
    display: grid;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    grid-template-columns: 273px auto;
    gap: 16px
}

.cabinet__info:not(:last-child) {
    margin-bottom: 42px
}

.cabinet__info-user {
    padding: 22px 24px 26px;
    border-radius: 8px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .1)), color-stop(84.06%, rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 84.06%);
    position: relative;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.cabinet__info-user>* {
    position: relative;
    z-index: 2;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.cabinet__info-user:hover {
    background: var(--primary);
    color: #272727
}

.cabinet__info-user:hover .cabinet__info-user-bg {
    opacity: 1
}

.cabinet__info-user:hover .cabinet__info-user-label,
.cabinet__info-user:hover .cabinet__info-user-id span {
    color: #272727cc
}

.cabinet__info-user:hover .cabinet__info-user-avatar:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(39, 39, 39)), to(rgb(39, 39, 39)));
    background: -webkit-linear-gradient(top, rgb(39, 39, 39) 0%, rgb(39, 39, 39) 100%);
    background: -moz-linear-gradient(top, rgb(39, 39, 39) 0%, rgb(39, 39, 39) 100%);
    background: linear-gradient(180deg, rgb(39, 39, 39) 0%, rgb(39, 39, 39) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 50%
}

.cabinet__info-user:hover .cabinet__info-user-status {
    background: rgba(39, 39, 39, .1)
}

.cabinet__info-user:hover .cabinet__info-user-status-label {
    color: #272727cc
}

.cabinet__info-user:hover .cabinet__info-user-status:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(39, 39, 39, .4)), to(rgba(39, 39, 39, 0)));
    background: -webkit-linear-gradient(bottom, rgba(39, 39, 39, .4) 0%, rgba(39, 39, 39, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(39, 39, 39, .4) 0%, rgba(39, 39, 39, 0) 100%);
    background: linear-gradient(0deg, rgba(39, 39, 39, .4) 0%, rgba(39, 39, 39, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__info-user:hover .cabinet__info-user-status:before {
    background: #272727
}

.cabinet__info-user:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__info-user-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0;
    left: 0
}

.cabinet__info-user-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.cabinet__info-user-label {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 120%;
    color: var(--grey)
}

.cabinet__info-user-details {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.cabinet__info-user-name {
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px
}

.cabinet__info-user-avatar {
    width: 93px;
    height: 93px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 27px
}

.cabinet__info-user-avatar:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--gradient);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 50%;
    z-index: 1
}

.cabinet__info-user-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.cabinet__info-user-id {
    font-size: 14px;
    margin-bottom: 25px
}

.cabinet__info-user-id span {
    color: var(--grey)
}

.cabinet__info-user-status {
    padding: 44px 20px;
    border-radius: 8px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .03)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    position: relative
}

.cabinet__info-user-status:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__info-user-status:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 3px;
    border-radius: 4px 4px 0 0;
    background: #FFFBEF;
    width: 62px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.cabinet__info-user-status-icon {
    margin-bottom: 25px
}

.cabinet__info-user-status-label {
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 4px;
    color: #fffbef66
}

.cabinet__info-user-status-name {
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%
}

.cabinet__info-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    height: 100%
}

.cabinet__info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 8px;
    padding: 44px 10px;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color), .15)), color-stop(61.06%, rgba(var(--color), 0)));
    background: -webkit-linear-gradient(bottom, rgba(var(--color), .15) 0%, rgba(var(--color), 0) 61.06%);
    background: -moz-linear-gradient(bottom, rgba(var(--color), .15) 0%, rgba(var(--color), 0) 61.06%);
    background: linear-gradient(0deg, rgba(var(--color), .15) 0%, rgba(var(--color), 0) 61.06%);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden
}

.cabinet__info-item:hover {
    background: var(--bg-color)
}

.cabinet__info-item:hover .default {
    display: none
}

.cabinet__info-item:hover .hover {
    display: block
}

.cabinet__info-item:hover .cabinet__info-plus svg {
    fill: #272727
}

.cabinet__info-item:hover .cabinet__info-plus svg .dark {
    fill-opacity: 1
}

.cabinet__info-item:hover .cabinet__info-label {
    color: rgba(var(--color-text), .8)
}

.cabinet__info-item:hover .cabinet__info-value {
    color: rgb(var(--color-text))
}

.cabinet__info-item:hover .cabinet__info-icon {
    background: rgba(var(--color-text), .2)
}

.cabinet__info-item:hover .cabinet__info-item-bg {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0)
}

.cabinet__info-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--color), 100%)), to(rgba(var(--color, 0), 0)));
    background: -webkit-linear-gradient(top, rgba(var(--color), 100%) 0%, rgba(var(--color, 0), 0) 100%);
    background: -moz-linear-gradient(top, rgba(var(--color), 100%) 0%, rgba(var(--color, 0), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--color), 100%) 0%, rgba(var(--color, 0), 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.cabinet__info-plus {
    position: absolute;
    right: 12px;
    top: 12px
}

.cabinet__info-plus svg {
    fill: #fff
}

.cabinet__info-icon {
    width: 68px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    margin-bottom: 28px;
    background: rgba(var(--color), .15);
    position: relative
}

.cabinet__info-icon img,
.cabinet__info-icon svg {
    max-width: 100%
}

.cabinet__info-icon .hover {
    display: none
}

.cabinet__info-label {
    text-align: center;
    color: #fffbef66;
    font-size: 14px;
    line-height: 120%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    margin-bottom: 8px
}

.cabinet__info-value {
    text-align: center;
    font-size: 21px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%;
    color: var(--color-text);
    word-break: break-word
}

.cabinet__info-item-bg {
    position: absolute;
    width: 100%;
    height: auto;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    pointer-events: none;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.cabinet__info-item-bg img {
    max-width: 100%
}

.cabinet__info-item--yellow {
    --color: 255, 184, 0;
    --color-text: #FFC328;
    --bg-color: #FFC328
}

.cabinet__info-item--yellow:hover {
    --color-text: 39, 39, 39
}

.cabinet__info-item--green {
    --color: 130, 255, 32;
    --color-text: #E7FFA4;
    --bg-color: #ADFF00
}

.cabinet__info-item--green:hover {
    --color-text: 39, 39, 39
}

.cabinet__info-item--blue {
    --color: 59, 196, 255;
    --color-text: #A1E3FF;
    --bg-color: #168FFF
}

.cabinet__info-item--blue:hover {
    --color-text: 39, 39, 39
}

.cabinet__info-item--violet {
    --color: 135, 62, 255;
    --color-text: #8E49FF;
    --bg-color: #863CFF
}

.cabinet__info-item--violet:hover {
    --color-text: 255, 251, 239
}

.cabinet__info-item--pink {
    --color: 255, 98, 249;
    --color-text: #FF62F9;
    --bg-color: #FF44F8
}

.cabinet__info-item--pink:hover {
    --color-text: 255, 251, 239
}

.cabinet__info-item--red {
    --color: 255, 98, 127;
    --color-text: #FF627F;
    --bg-color: #FF627F
}

.cabinet__info-item--red:hover {
    --color-text: 255, 251, 239
}

.cabinet__mob-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    background: rgba(15, 15, 22, .8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 18px 16px 34px
}

.cabinet__mob-menu-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.cabinet__mob-menu-list li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.cabinet__mob-menu-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 700;
    line-height: 140%;
    color: #ffffff80;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.cabinet__mob-menu-link:hover {
    color: var(--primary)
}

.cabinet__mob-menu-link:hover .cabinet__mob-menu-icon {
    opacity: 1
}

.cabinet__mob-menu-link.active {
    color: var(--primary)
}

.cabinet__mob-menu-link.active .cabinet__mob-menu-icon {
    opacity: 1
}

.cabinet__mob-menu-icon {
    width: 24px;
    height: 24px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    opacity: .4
}

.news {
    padding: 58px 0
}

.news__container .title {
    text-align: center
}

.news__container .title:not(:last-child) {
    margin-bottom: 64px
}

.news__item {
    display: block
}

.news__item-image {
    border-radius: 8px;
    overflow: hidden;
    height: 172px;
    position: relative
}

.news__item-image img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.news__item-image:not(:last-child) {
    margin-bottom: 24px
}

.news__item-image img {
    top: 0;
    left: 0;
    position: absolute
}

.news__item-content {
    padding: 24px 20px;
    background: #15151d;
    border-radius: 8px
}

.news__item-title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

.news__item-text {
    margin-bottom: 24px;
    color: var(--grey);
    font-size: 14px;
    line-height: 120%
}

.news__item-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.news__item-date {
    font-size: 14px;
    font-weight: 500
}

.news__item-link {
    color: #ef582b;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    font-weight: 500
}

.news__item-link:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #ef582b;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.news-page {
    font-family: Gotham Pro
}

.news-page .news-page_head {
    position: relative
}

.news-page .background {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    width: 100%
}

.news-page .background img {
    width: 100%
}

.news-page .content {
    padding-top: 85px
}

.news-page .title .small {
    font-size: 46px
}

.news-page .sub-title {
    color: #fff6;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    max-width: 610px;
    margin: 0 auto;
    padding: 0 10px
}

.news-page .news-page__block-title {
    position: relative;
    color: #fffbef;
    line-height: 100%;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px
}

.news-page .news-page__last .news-page__block-title {
    padding-left: 36px
}

.news-page .news-page__last .news-page__block-title:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    background-image: url(/images/pages/article/last-news.webp);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.news-page .news-page__last {
    padding-bottom: 64px
}

.news-page .news-page__last .list {
    display: grid;
    grid-template-columns: -webkit-calc(70% - 10px) -webkit-calc(30% - 10px);
    grid-template-columns: -moz-calc(70% - 10px) -moz-calc(30% - 10px);
    grid-template-columns: calc(70% - 10px) calc(30% - 10px);
    grid-template-rows: repeat(2, 240px);
    gap: 20px
}

.news-page .news-page__last .item {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    justify-content: end;
    padding: 32px
}

.news-page .news-page__last .item:nth-child(1) {
    padding: 34px 32px;
    border-radius: 25px
}

.news-page .news-page__last .item .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.news-page .news-page__last .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44.65%, rgba(15, 14, 20, 0)), color-stop(61.52%, rgba(15, 14, 20, .61)), color-stop(73.94%, rgba(15, 14, 20, .85)), color-stop(87.02%, rgba(15, 14, 20, .97)));
    background: -webkit-linear-gradient(top, rgba(15, 14, 20, 0) 44.65%, rgba(15, 14, 20, .61) 61.52%, rgba(15, 14, 20, .85) 73.94%, rgba(15, 14, 20, .97) 87.02%);
    background: -moz-linear-gradient(top, rgba(15, 14, 20, 0) 44.65%, rgba(15, 14, 20, .61) 61.52%, rgba(15, 14, 20, .85) 73.94%, rgba(15, 14, 20, .97) 87.02%);
    background: linear-gradient(180deg, rgba(15, 14, 20, 0) 44.65%, rgba(15, 14, 20, .61) 61.52%, rgba(15, 14, 20, .85) 73.94%, rgba(15, 14, 20, .97) 87.02%)
}

.news-page .news-page__last .item .content {
    position: relative;
    z-index: 2
}

.news-page .news-page__last .item .content .item-title {
    color: #fffbef;
    font-size: 21px;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 10px
}

.news-page .news-page__last .item:nth-child(1) .content .item-title {
    padding-bottom: 8px
}

.news-page .news-page__last .item .content .item-labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.news-page .news-page__last .item .content .item-label {
    border-radius: 50px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 400
}

.news-page .news-page__last .item .content .item-label.update {
    background: rgba(255, 199, 54, .15);
    color: #ffc736
}

.news-page .news-page__last .item .content .item-label.publish {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .15)), to(rgba(255, 255, 255, .15))), rgba(0, 0, 0, .4);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .15) 100%), rgba(0, 0, 0, .4);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .15) 100%), rgba(0, 0, 0, .4);
    background: linear-gradient(0deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .15) 100%), rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 10px;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.news-page .news-page__last .item .content .item-label.publish svg {
    width: 18px;
    height: 18px
}

.news-page .news-page__last .item .content .item-label.publish span {
    color: #fff
}

.news-page .news-page__last .item .content .item-description {
    color: #fffbef99;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    padding-top: 12px;
    max-width: 600px
}

.news-page__list {
    padding-bottom: 120px
}

.news-page__list-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 36px
}

.news__item-title span {
    -webkit-transform: translate(0px, 100%);
    -moz-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translateY(100%)
}

.page-roulette__top {
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    grid-template-columns: auto 1fr auto;
    gap: 32px
}

.page-roulette__top>* {
    min-width: 0
}

.page-roulette__top:not(:last-child) {
    margin-bottom: 28px
}

.page-roulette__free-count {
    padding: 13px 24px;
    min-width: 231px;
    -webkit-clip-path: url(#roulette__free-count);
    clip-path: url(#roulette__free-count);
    border-radius: 4px;
    position: relative;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 251, 239, .05)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(right, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(right, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(270deg, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%)
}

.page-roulette__free-count:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 251, 239, .3)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 251, 239, .3) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 251, 239, .3) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(90deg, rgba(255, 251, 239, .3) 0%, rgba(255, 251, 239, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 4px;
    border-right: none
}

.page-roulette__free-count-label {
    color: #fffbef99;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 2px
}

.page-roulette__free-count-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 6px;
    color: #fffbef99;
    font-size: 14px
}

.page-roulette__free-count-number p {
    line-height: 120%
}

.page-roulette__free-count-number b {
    color: var(--primary);
    font-size: 18px;
    font-weight: 700
}

.page-roulette__free-count-number img {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.page-roulette__title {
    font-size: 46px;
    font-weight: 700;
    line-height: 120%;
    text-align: center
}

.page-roulette__balance {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 13px 10px 13px 40px;
    min-width: 204px;
    border-radius: 4px;
    position: relative;
    background: url(/images/balance-line.svg) top left/auto 100% no-repeat, -webkit-gradient(linear, right top, left top, from(rgba(255, 179, 32, .1)), to(rgba(255, 179, 32, 0)));
    background: url(/images/balance-line.svg) top left/auto 100% no-repeat, -webkit-linear-gradient(right, rgba(255, 179, 32, .1) 0%, rgba(255, 179, 32, 0) 100%);
    background: url(/images/balance-line.svg) top left/auto 100% no-repeat, -moz-linear-gradient(right, rgba(255, 179, 32, .1) 0%, rgba(255, 179, 32, 0) 100%);
    background: url(/images/balance-line.svg) top left/auto 100% no-repeat, linear-gradient(270deg, rgba(255, 179, 32, .1) 0%, rgba(255, 179, 32, 0) 100%)
}

.page-roulette__balance-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 24px;
    width: 100%
}

.page-roulette__balance-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.page-roulette__balance-label {
    color: #fffbef99;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 2px
}

.page-roulette__balance-count {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

.page-roulette__balance-count img {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.page-roulette__balance-btn {
    border-radius: 4px;
    background: rgba(255, 179, 32, .1);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 9px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.page-roulette__balance-btn:hover {
    background: rgba(255, 179, 32, .2)
}

.page-roulette__info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin: 42px 0 64px
}

.page-roulette__info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 16px;
    color: #fffbef99;
    font-size: 14px;
    line-height: 140%;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .05)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    padding: 16px 24px;
    position: relative
}

.page-roulette__info-item img {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.page-roulette__info-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .15)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 4px;
    border-right: none
}

.page-roulette__info-item b {
    color: var(--primary)
}

.page-roulette__info-icon {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.page-roulette__info-icon img {
    width: 100%
}

.page-roulette__drops {
    padding-top: 36px;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.spin-active .page-roulette__drops {
    opacity: .6
}

.page-roulette__drops:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    background: url(/images/decor-drop.svg) top left/100% auto no-repeat
}

.page-roulette__drops-title {
    text-align: center;
    font-size: 18px;
    line-height: 140%;
    font-weight: 500
}

.page-roulette__drops-title:not(:last-child) {
    margin-bottom: 28px
}

.page-roulette__drops-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 20px
}

.page-roulette__drop-item {
    width: -webkit-calc(20% - 16px);
    width: -moz-calc(20% - 16px);
    width: calc(20% - 16px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.page-roulette__drop-item--yellow {
    --color: 255, 207, 38;
    --color-dark: 181, 149, 33
}

.page-roulette__drop-item-top {
    position: relative;
    padding: 3.5px 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.page-roulette__drop-item-top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-radial-gradient(49.72% 99.15%, 79.77% 95.9%, rgba(var(--color), .2) 0%, rgba(var(--color), 0) 100%);
    background: -moz-radial-gradient(49.72% 99.15%, 79.77% 95.9%, rgba(var(--color), .2) 0%, rgba(var(--color), 0) 100%);
    background: radial-gradient(79.77% 95.9% at 49.72% 99.15%, rgba(var(--color), .2) 0%, rgba(var(--color), 0) 100%)
}

.page-roulette__drop-item-gta {
    position: absolute;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    top: 13px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    text-align: center
}

.page-roulette__drop-item-gta img {
    max-width: 100%
}

.page-roulette__drop-item-decor {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.page-roulette__drop-item-decor img {
    width: 100%;
    -webkit-filter: drop-shadow(0px 0px 11.764px rgba(var(--color), .45));
    filter: drop-shadow(0px 0px 11.764px rgba(var(--color), .45))
}

.page-roulette__drop-item-image {
    aspect-ratio: 1;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 117px;
    margin: 0 auto
}

.page-roulette__drop-item-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.page-roulette__drop-item-bottom {
    padding-top: 17.5px;
    text-align: center
}

.page-roulette__drop-item-title {
    margin-bottom: 8px;
    font-size: 16px;
    font-style: italic;
    line-height: normal;
    font-weight: 900
}

.page-roulette__drop-item-label {
    color: #fffbef4d;
    font-size: 12px
}

.page-roulette__drop-item--red {
    --color: 255, 51, 51
}

.page-roulette__drop-item--violet {
    --color: 2185, 70, 255
}

.page-roulette__drop-item--blue {
    --color: 34, 55, 128
}

.page-roulette__drop-item--white {
    --color: 255, 251, 239
}

.page-roulette__slider-wrap {
    position: relative;
    margin-bottom: 30px
}

.page-roulette__slider-wrap .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.page-roulette__decor-line {
    position: absolute;
    height: -webkit-calc(100% + 20px);
    height: -moz-calc(100% + 20px);
    height: calc(100% + 20px);
    width: 180px;
    left: 50%;
    top: -10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background: -webkit-radial-gradient(50% 50%, 78.99% 66.59%, rgba(255, 255, 255, 0) 36.56%, rgba(255, 255, 255, .05) 70.57%, rgba(255, 255, 255, .12) 100%);
    background: -moz-radial-gradient(50% 50%, 78.99% 66.59%, rgba(255, 255, 255, 0) 36.56%, rgba(255, 255, 255, .05) 70.57%, rgba(255, 255, 255, .12) 100%);
    background: radial-gradient(78.99% 66.59% at 50% 50%, rgba(255, 255, 255, 0) 36.56%, rgba(255, 255, 255, .05) 70.57%, rgba(255, 255, 255, .12) 100%);
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 15.9px 0px rgba(15, 15, 22, .4);
    box-shadow: 0 0 15.9px #0f0f1666
}

.page-roulette__decor-line:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .12)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .12) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .12) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, .12) 0%, rgba(255, 251, 239, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 8px
}

.page-roulette__decor-line:before {
    content: "";
    position: absolute;
    top: 0;
    left: -webkit-calc(50% - .5px);
    left: -moz-calc(50% - .5px);
    left: calc(50% - .5px);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, .15)
}

.page-roulette__decor-line-el1,
.page-roulette__decor-line-el2 {
    position: absolute;
    width: 27px;
    left: 50%
}

.page-roulette__decor-line-el1 img,
.page-roulette__decor-line-el2 img {
    max-width: 100%
}

.page-roulette__decor-line-el1 {
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.page-roulette__decor-line-el2 {
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.page-roulette__slider .swiper-slide {
    opacity: .2
}

.page-roulette__slider .swiper-slide.swiper-slide-prev,
.page-roulette__slider .swiper-slide.swiper-slide-next {
    opacity: .6
}

.page-roulette__slider .swiper-slide.swiper-slide-active {
    opacity: 1
}

.page-roulette__loto-item {
    position: relative;
    height: 100%;
    padding: 37px 10px 20px
}

.page-roulette__loto-item>* {
    position: relative;
    z-index: 2
}

.page-roulette__loto-item-decor {
    position: absolute;
    width: 100%;
    top: 21px;
    left: 0
}

.page-roulette__loto-item-decor img {
    width: 100%;
    height: auto
}

.page-roulette__loto-item-image {
    margin-bottom: 18px;
    height: 111px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.page-roulette__loto-item-image img {
    max-height: 100%;
    max-width: 100%;
    -o-object-position: center bottom;
    object-position: center bottom;
    -o-object-fit: contain;
    object-fit: contain
}

.page-roulette__loto-item-name {
    text-align: center;
    font-size: 14px;
    font-style: italic;
    font-weight: 700
}

.page-roulette__actions {
    position: relative
}

.page-roulette__actions-wrap {
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.spin-active .page-roulette__actions-wrap {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.page-roulette__actions-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    color: #fffbef99;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%
}

.spin-active .page-roulette__actions-loader {
    opacity: 1;
    visibility: visible
}

.page-roulette__history-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    opacity: .6;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    margin: 0 auto 25px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.page-roulette__history-link img {
    width: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.page-roulette__history-link:hover {
    opacity: 1
}

.page-roulette__history-link span {
    line-height: 140%;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

.page-roulette__buttons {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 12px
}

.page-roulette__buttons .button {
    height: 52px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700
}

.page-roulette__buttons .button--primary {
    gap: 4px
}

.page-roulette__buttons .button--primary img {
    width: 18px;
    height: 18px;
    margin-left: 2px
}

.page-roulette__toggle-round {
    height: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%)
}

.page-roulette__toggle-round .round {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
    -moz-box-flex: 0;
    flex: 0 0 48px;
    width: 48px;
    background: rgba(255, 251, 239, .05);
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    transition: .15s
}

.page-roulette__toggle-round .round span {
    position: relative;
    z-index: 2;
    color: #fff9;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    transition: .15s
}

.page-roulette__toggle-round .round:first-child {
    border-radius: 4px 0 0 4px
}

.page-roulette__toggle-round .round:last-child {
    border-radius: 0 4px 4px 0
}

.page-roulette__toggle-round .round:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#ec2b1d), to(#f17d36));
    background: -webkit-linear-gradient(left, #ec2b1d 0%, #f17d36 100%);
    background: -moz-linear-gradient(left, #ec2b1d 0%, #f17d36 100%);
    background: linear-gradient(90deg, #ec2b1d 0%, #f17d36 100%);
    opacity: 0;
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    transition: .15s ease
}

.page-roulette__toggle-round .round.active span {
    color: #fff
}

.page-roulette__toggle-round .round.active:before {
    opacity: 1
}

.page-roulette__toggle-speed {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .05)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    height: 52px;
    padding: 0 18px 0 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 25px
}

.page-roulette__toggle-speed .label {
    color: #fff9;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%
}

.switch {
    position: relative;
    width: 32px;
    height: 16px;
    border-radius: 4px;
    background: #343434;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    transition: .15s;
    cursor: pointer
}

.switch.active {
    background: #5cb200
}

.switch:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-radius: 2px;
    -webkit-transform: translate(2px, -50%);
    -moz-transform: translate(2px, -50%);
    -ms-transform: translate(2px, -50%);
    transform: translate(2px, -50%);
    -webkit-transition: .15s;
    -moz-transition: .15s;
    transition: .15s
}

.switch.active:before {
    -webkit-transform: translate(18px, -50%);
    -moz-transform: translate(18px, -50%);
    -ms-transform: translate(18px, -50%);
    transform: translate(18px, -50%)
}

.roulette {
    overflow: hidden;
    border: 1px solid rgb(28, 28, 35);
    background: -webkit-gradient(linear, left bottom, left top, from(#101017), to(#101017)), #0f0f16;
    background: -webkit-linear-gradient(bottom, #101017 0%, #101017 100%), #0f0f16;
    background: -moz-linear-gradient(bottom, #101017 0%, #101017 100%), #0f0f16;
    background: linear-gradient(0deg, #101017 0%, #101017 100%), #0f0f16;
    border-radius: 8px
}

.roulette__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

.roulette__prize {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.roulette-type.horizontal {
    position: relative
}

.roulette-type.horizontal:before,
.roulette-type.horizontal:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 200px;
    z-index: 1;
    border-top: 1px;
    border-bottom: 1px;
    border: 1px solid rgb(28, 28, 35)
}

.roulette-type.horizontal:before {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#101017), to(rgba(16, 16, 23, 0)));
    background: -webkit-linear-gradient(right, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: -moz-linear-gradient(right, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: linear-gradient(270deg, #101017 0%, rgba(16, 16, 23, 0) 100%);
    border-left: 1px;
    border-radius: 0 8px 8px 0
}

.roulette-type.horizontal:after {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#101017), to(rgba(16, 16, 23, 0)));
    background: -webkit-linear-gradient(left, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: -moz-linear-gradient(left, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: linear-gradient(90deg, #101017 0%, rgba(16, 16, 23, 0) 100%);
    border-right: 1px;
    border-radius: 8px 0 0 8px
}

.roulette-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-transition: -webkit-transform cubic-bezier(.37, .37, .03, .99) 20s;
    transition: -webkit-transform cubic-bezier(.37, .37, .03, .99) 20s;
    -moz-transition: transform cubic-bezier(.37, .37, .03, .99) 20s, -moz-transform cubic-bezier(.37, .37, .03, .99) 20s;
    transition: transform cubic-bezier(.37, .37, .03, .99) 20s;
    transition: transform cubic-bezier(.37, .37, .03, .99) 20s, -webkit-transform cubic-bezier(.37, .37, .03, .99) 20s, -moz-transform cubic-bezier(.37, .37, .03, .99) 20s;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    height: 240px
}

.roulette-container.lock-anim {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.vertical-roulette {
    position: relative;
    height: 240px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

.vertical-roulette__center-line {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -webkit-calc(-50% - .5px));
    -moz-transform: translate(0, -moz-calc(-50% - .5px));
    -ms-transform: translate(0, calc(-50% - .5px));
    transform: translateY(calc(-50% - .5px));
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    z-index: 10
}

.vertical-roulette__center-line:after,
.vertical-roulette__center-line:before {
    content: "";
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    height: 37px;
    width: 27px;
    background-image: url(/images/svg/decor-el.svg);
    background-repeat: no-repeat
}

.vertical-roulette__center-line:before {
    left: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-90deg) translate(-50%, -30%);
    -moz-transform: rotate(-90deg) translate(-50%, -30%);
    -ms-transform: rotate(-90deg) translate(-50%, -30%);
    transform: rotate(-90deg) translate(-50%, -30%)
}

.vertical-roulette__center-line:after {
    right: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(90deg) translate(50%, -30%);
    -moz-transform: rotate(90deg) translate(50%, -30%);
    -ms-transform: rotate(90deg) translate(50%, -30%);
    transform: rotate(90deg) translate(50%, -30%)
}

.vertical-roulette__column-container {
    position: relative;
    height: 100%;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: -webkit-gradient(linear, left bottom, left top, from(#101017), to(#101017)), #0f0f16;
    background: -webkit-linear-gradient(bottom, #101017 0%, #101017 100%), #0f0f16;
    background: -moz-linear-gradient(bottom, #101017 0%, #101017 100%), #0f0f16;
    background: linear-gradient(0deg, #101017 0%, #101017 100%), #0f0f16;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(20% - 12px);
    -moz-box-flex: 0;
    flex: 0 0 calc(20% - 12px);
    width: -webkit-calc(20% - 12px);
    width: -moz-calc(20% - 12px);
    width: calc(20% - 12px)
}

.vertical-roulette__column-container:after,
.vertical-roulette__column-container:before {
    content: "";
    position: absolute;
    height: 38px;
    width: 100%;
    left: 0;
    z-index: 10;
    border-radius: 8px;
    pointer-events: none
}

.vertical-roulette__column-container:after {
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#101017), to(rgba(16, 16, 23, 0)));
    background: -webkit-linear-gradient(top, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: -moz-linear-gradient(top, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: linear-gradient(180deg, #101017 0%, rgba(16, 16, 23, 0) 100%)
}

.vertical-roulette__column-container:not(.lock):before {
    bottom: 0;
    background: -webkit-radial-gradient(50% 100%, 50% 90%, rgba(255, 51, 51, .13) 0%, rgba(255, 166, 0, 0) 100%);
    background: -moz-radial-gradient(50% 100%, 50% 90%, rgba(255, 51, 51, .13) 0%, rgba(255, 166, 0, 0) 100%);
    background: radial-gradient(50% 90% at 50% 100%, rgba(255, 51, 51, .13) 0%, rgba(255, 166, 0, 0) 100%)
}

.vertical-roulette__column-container:not(.lock):nth-child(6):before {
    background: -webkit-radial-gradient(50% 100%, 50% 90%, rgba(255, 166, 0, .15) 0%, rgba(255, 166, 0, 0) 100%);
    background: -moz-radial-gradient(50% 100%, 50% 90%, rgba(255, 166, 0, .15) 0%, rgba(255, 166, 0, 0) 100%);
    background: radial-gradient(50% 90% at 50% 100%, rgba(255, 166, 0, .15) 0%, rgba(255, 166, 0, 0) 100%)
}

.vertical-roulette__column-container.lock {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.vertical-roulette__column-container.lock svg {
    width: 22px;
    height: 22px
}

.vertical-roulette__column-container .boost {
    padding: 0 8px;
    height: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 10;
    color: #fff;
    font-size: 11px;
    font-style: italic;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: .55px;
    border-radius: 50px;
    background: #f33;
    -webkit-box-shadow: 0px 0px 9.4px 0px rgba(255, 255, 255, .5) inset, 0px 0px 10.5px 0px rgba(255, 51, 51, .5);
    box-shadow: 0 0 9.4px #ffffff80 inset, 0 0 10.5px #ff333380
}

.vertical-roulette__column-container:nth-child(6) .boost {
    background: -webkit-radial-gradient(71.43% 42.86%, 79.35% 190.24%, rgba(255, 248, 233, .7) 0%, rgba(255, 180, 19, 0) 100%), #ffa600;
    background: -moz-radial-gradient(71.43% 42.86%, 79.35% 190.24%, rgba(255, 248, 233, .7) 0%, rgba(255, 180, 19, 0) 100%), #ffa600;
    background: radial-gradient(79.35% 190.24% at 71.43% 42.86%, rgba(255, 248, 233, .7) 0%, rgba(255, 180, 19, 0) 100%), #ffa600;
    color: #2c2007;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vertical-roulette__column-container:nth-child(2) .boost {
    background: #242424;
    -webkit-box-shadow: 0px 0px 9.4px 0px rgba(255, 255, 255, .3) inset;
    box-shadow: 0 0 9.4px #ffffff4d inset;
    color: #ffffff80
}

.vertical-roulette__column-container:nth-child(2):before {
    background: -webkit-gradient(linear, left bottom, left top, from(#101017), to(rgba(16, 16, 23, 0)));
    background: -webkit-linear-gradient(bottom, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: -moz-linear-gradient(bottom, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: linear-gradient(0deg, #101017 0%, rgba(16, 16, 23, 0) 100%)
}

.vertical-roulette__column-list {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 8px
}

.vertical-roulette__column-list .page-roulette__loto-content {
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 7px;
    -webkit-transform: translate(-50%, 0) scale(.5);
    -moz-transform: translate(-50%, 0) scale(.5);
    -ms-transform: translate(-50%, 0) scale(.5);
    transform: translate(-50%) scale(.5)
}

.vertical-roulette__column-list .page-roulette__sell-button {
    height: 24px;
    padding: 0 9px;
    font-size: 12px;
    gap: 4px
}

.vertical-roulette__column-list .page-roulette__sell-button img {
    width: 15px;
    height: 15px
}

.vertical-roulette__column-list .page-roulette__loto-item-name {
    width: 100%
}

.vertical-roulette__column-list .page-roulette__loto-item-image,
.vertical-roulette__column-list .page-roulette__loto-item-decor {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.vertical-roulette__column-list .page-roulette__loto-item-image {
    margin: 0
}

.vertical-roulette__column-list .page-roulette__loto-item-image img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    padding: 0 15px
}

.vertical-roulette__column-list .page-roulette__loto-item-decor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%
}

.vertical-roulette__column-list .page-roulette__loto-item-decor img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.vertical-roulette__column-list .page-roulette__loto-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    height: 160px;
    padding: 0 10px
}

.vertical-roulette__column-list .page-roulette__loto-item.result .page-roulette__loto-item-decor img {
    -webkit-transform: translate(0, -24px) scale(.95);
    -moz-transform: translate(0, -24px) scale(.95);
    -ms-transform: translate(0, -24px) scale(.95);
    transform: translateY(-24px) scale(.95)
}

.vertical-roulette__column-list .page-roulette__loto-item.result .page-roulette__loto-item-image {
    -webkit-transform: translate(0, -24px);
    -moz-transform: translate(0, -24px);
    -ms-transform: translate(0, -24px);
    transform: translateY(-24px)
}

.vertical-roulette__column-list .page-roulette__loto-item.result .page-roulette__loto-item-image img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.vertical-roulette__column-list .page-roulette__loto-item.result .page-roulette__loto-content {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate(-50%, 0) scale(1);
    -moz-transform: translate(-50%, 0) scale(1);
    -ms-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%) scale(1);
    opacity: 1
}

.vertical-roulette__column-list:after {
    content: "";
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 38px;
    border-radius: 7px 0 0 7px;
    background: -webkit-gradient(linear, left bottom, left top, from(#101017), to(rgba(16, 16, 23, 0)));
    background: -webkit-linear-gradient(bottom, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: -moz-linear-gradient(bottom, #101017 0%, rgba(16, 16, 23, 0) 100%);
    background: linear-gradient(0deg, #101017 0%, rgba(16, 16, 23, 0) 100%)
}

.vertical-roulette__column-list .page-roulette__loto-item-decor {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%
}

.vertical-roulette__column-list .page-roulette__loto-item-decor img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.vertical-roulette__column-list .page-roulette__loto-item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.vertical-roulette .vertical-column.lockAnim {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.g-history {
    overflow: hidden;
    padding-bottom: 46px;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    position: relative
}

.g-history.insert {
    -webkit-transform: translate(150px, 0);
    -moz-transform: translate(150px, 0);
    -ms-transform: translate(150px, 0);
    transform: translate(150px)
}

.g-history:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(10%, #101017), to(rgba(16, 16, 23, 0)));
    background: -webkit-linear-gradient(right, #101017 10%, rgba(16, 16, 23, 0) 100%);
    background: -moz-linear-gradient(right, #101017 10%, rgba(16, 16, 23, 0) 100%);
    background: linear-gradient(270deg, #101017 10%, rgba(16, 16, 23, 0) 100%)
}

.g-history__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 8px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    transition: all .25s linear;
    height: 127px
}

.g-history__list.lock-anim {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.g-history__item {
    cursor: help;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 145px;
    -moz-box-flex: 0;
    flex: 0 0 145px;
    width: 145px;
    border-radius: 8px;
    position: relative
}

.g-history__item:not(.lock-anim) {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: globalHistoryAdd .12s .25s ease forwards;
    -moz-animation: globalHistoryAdd .12s .25s ease forwards;
    animation: globalHistoryAdd .12s .25s ease forwards
}

.g-history__item.yellow {
    border: 1px solid rgba(255, 207, 38, .15);
    background: -webkit-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(255, 207, 38, .3) 0%, rgba(255, 207, 38, .06) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(255, 207, 38, .3) 0%, rgba(255, 207, 38, .06) 86.19%);
    background: radial-gradient(77.4% 88.98% at 50.32% 99.97%, rgba(255, 207, 38, .3) 0%, rgba(255, 207, 38, .06) 86.19%)
}

.g-history__item.red {
    border: 1px solid rgba(255, 51, 51, .08);
    background: -webkit-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(255, 51, 51, .2) 0%, rgba(255, 51, 51, .04) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(255, 51, 51, .2) 0%, rgba(255, 51, 51, .04) 86.19%);
    background: radial-gradient(77.4% 88.98% at 50.32% 99.97%, rgba(255, 51, 51, .2) 0%, rgba(255, 51, 51, .04) 86.19%)
}

.g-history__item.violet {
    border: .828px solid rgba(185, 70, 255, .08);
    background: -webkit-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(185, 70, 255, .2) 0%, rgba(185, 70, 255, .04) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(185, 70, 255, .2) 0%, rgba(185, 70, 255, .04) 86.19%);
    background: radial-gradient(77.4% 88.98% at 50.32% 99.97%, rgba(185, 70, 255, .2) 0%, rgba(185, 70, 255, .04) 86.19%)
}

.g-history__item.blue {
    border: .828px solid rgba(70, 111, 255, .08);
    background: -webkit-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(70, 111, 255, .2) 0%, rgba(70, 111, 255, .04) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(70, 111, 255, .2) 0%, rgba(70, 111, 255, .04) 86.19%);
    background: radial-gradient(77.4% 88.98% at 50.32% 99.97%, rgba(70, 111, 255, .2) 0%, rgba(70, 111, 255, .04) 86.19%)
}

.g-history__item.white {
    border: .828px solid rgba(255, 251, 239, .08);
    background: -webkit-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(255, 251, 239, .14) 0%, rgba(255, 251, 239, .03) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 77.4% 88.98%, rgba(255, 251, 239, .14) 0%, rgba(255, 251, 239, .03) 86.19%);
    background: radial-gradient(77.4% 88.98% at 50.32% 99.97%, rgba(255, 251, 239, .14) 0%, rgba(255, 251, 239, .03) 86.19%)
}

.g-history__item-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.g-history__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0
}

.g-history__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.g-history__image {
    position: relative;
    z-index: 1;
    width: 80%;
    height: 75px;
    margin: 10px auto 0
}

.g-history__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.g-history__prize-name {
    color: #fffbef;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
    height: 32px;
    overflow: hidden
}

.g-history__line {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 80%
}

.g-history__prize {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.g-history__author {
    opacity: 0;
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: translate(-50%, -webkit-calc(100% + 20px));
    -moz-transform: translate(-50%, -moz-calc(100% + 20px));
    -ms-transform: translate(-50%, calc(100% + 20px));
    transform: translate(-50%, calc(100% + 20px));
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.g-history__skin {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, .15);
    overflow: hidden;
    margin: 0 auto
}

.g-history__skin img {
    width: 100%;
    height: 100%;
    margin-top: 2px;
    -o-object-fit: contain;
    object-fit: contain
}

.g-history__server {
    width: 18px;
    position: absolute;
    top: 34px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%)
}

.g-history__nickname {
    color: #fff;
    margin-top: 14px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    height: 32px;
    overflow: hidden
}

.g-history__item.selected .g-history__prize {
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.g-history__item.selected .g-history__author {
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%);
    opacity: 1
}

[data-tippy-root] {
    z-index: 100 !important
}

@-webkit-keyframes globalHistoryAdd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes globalHistoryAdd {
    0% {
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes globalHistoryAdd {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.giveaway {
    padding: 120px 0 0;
    position: relative
}

.giveaway .info {
    position: absolute;
    right: 0;
    top: 64px;
    height: 100%;
    padding-bottom: 64px;
    padding-right: 32px;
    z-index: 4
}

.giveaway .info__content {
    padding: 34px;
    position: -webkit-sticky;
    position: sticky;
    top: 123px;
    left: 0;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: -webkit-radial-gradient(50% 0%, 60.1% 44.01%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(21, 21, 29, .7);
    background: -moz-radial-gradient(50% 0%, 60.1% 44.01%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(21, 21, 29, .7);
    background: radial-gradient(60.1% 44.01% at 50% 0%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(21, 21, 29, .7);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    width: 436px
}

.giveaway .info__content .info-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    border-bottom: solid 1px rgba(255, 255, 255, .05);
    padding-bottom: 18px
}

.giveaway .info__content .info-top__left {
    color: #757e86;
    font-size: 16px;
    font-weight: 500
}

.giveaway .info__content .info-top__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.giveaway .info__content .info-top__right .social-btn {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background: rgba(255, 255, 255, .05);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .info__content .info-top__right .social-btn img {
    width: 18px;
    height: 18px;
    opacity: .4;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .info__content .info-top__right .youtube-btn {
    border-radius: 30px;
    background: #fff;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 24px 0 18px;
    gap: 8px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.giveaway .info__content .info-top__right .youtube-btn s img {
    width: 24px;
    height: 24px
}

.giveaway .info__content .info-top__right .youtube-btn span {
    color: #050508;
    font-size: 14px;
    font-weight: 500
}

.giveaway .info__content .info-center {
    padding-top: 18px
}

.giveaway .info__content .info-center__image img {
    height: 95px;
    width: auto
}

.giveaway .info__content .info-center__description {
    padding-top: 10px;
    color: #757e86;
    font-size: 14px;
    line-height: 140%
}

.giveaway .info__content .info-center__stats {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 24px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: rgba(255, 255, 255, .02);
    padding: 13px 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.giveaway .info__content .info-center__stats .tickets {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 39px;
    border-right: 1px solid rgba(255, 255, 255, .05)
}

.giveaway .info__content .info-center__stats .tickets div:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.giveaway .info__content .info-center__stats .tickets div:first-child img {
    width: 20px;
    height: 20px
}

.giveaway .info__content .info-center__stats .tickets div:first-child span {
    color: #ffbb4f;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%
}

.giveaway .info__content .info-center__stats .tickets div:last-child {
    color: #666;
    font-size: 14px
}

.giveaway .info__content .info-center__stats .community {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    padding-left: 24px
}

.giveaway .info__content .info-center__stats .community div:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.giveaway .info__content .info-center__stats .community div:first-child img {
    width: 20px;
    height: 20px
}

.giveaway .info__content .info-center__stats .community div:first-child span {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%
}

.giveaway .info__content .info-center__stats .community div:last-child {
    color: #666;
    font-size: 14px
}

.giveaway .info__content .info-center__take {
    padding-top: 32px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.giveaway .info__content .info-center__take .take-btn {
    width: 100%
}

.giveaway .info__content .info-center__take .end-timer {
    padding-top: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.giveaway .info__content .info-center__take .end-timer div:first-child {
    color: #fff6;
    font-size: 14px
}

.giveaway .info__content .info-center__take .end-timer div:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 6px;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

.giveaway .info__content .info-center__take .end-timer div:last-child.hide {
    opacity: 0
}

.giveaway .info__content .info-center__take .end-timer div:last-child img {
    width: 20px;
    height: 20px
}

.giveaway .info__content .info-center__take .end-timer div:last-child span {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.giveaway .info__content .info-bottom {
    padding-top: 24px
}

.giveaway .info__content .info-bottom__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

.giveaway .info__content .info-bottom__sub-title {
    padding-top: 8px;
    color: #757e86;
    font-size: 14px;
    line-height: 140%
}

.giveaway .info__content .info-bottom__field {
    margin-top: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.giveaway .info__content .info-bottom .field {
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: rgba(255, 255, 255, .02);
    position: relative;
    height: 64px;
    width: 100%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .info__content .info-bottom .field input {
    outline: none;
    background: transparent;
    height: 100%;
    width: 100%;
    border: none;
    padding: 0 70px 0 95px;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #fff
}

.giveaway .info__content .info-bottom .field input::-webkit-input-placeholder {
    color: #fff6
}

.giveaway .info__content .info-bottom .field input::-moz-placeholder {
    color: #fff6
}

.giveaway .info__content .info-bottom .field input:-ms-input-placeholder {
    color: #fff6
}

.giveaway .info__content .info-bottom .field input::-ms-input-placeholder {
    color: #fff6
}

.giveaway .info__content .info-bottom .field input::placeholder {
    color: #fff6
}

.giveaway .info__content .info-bottom .field button {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: rgba(255, 255, 255, .05);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.giveaway .info__content .info-bottom .field button img {
    width: 18px;
    height: 18px;
    opacity: .8;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .info__content .info-bottom .field.active {
    background: rgba(255, 255, 255, .053)
}

.giveaway .info__content .info-bottom .field.active {
    background: rgba(255, 255, 255, .025)
}

.giveaway .info__content .info-bottom .icon-server-select {
    position: absolute;
    top: 7px;
    left: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.giveaway .info__content .info-bottom .icon-server-select__selected {
    height: 48px;
    width: 77px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    background: rgba(255, 255, 255, .05);
    border-radius: 30px;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

.giveaway .info__content .info-bottom .icon-server-select__selected img {
    width: 18px
}

.giveaway .info__content .info-bottom .icon-server-select__selected svg {
    width: 18px;
    height: 18px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .info__content .info-bottom .icon-server-select__popup-container {
    position: absolute;
    width: 64px;
    bottom: 0;
    cursor: default;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    opacity: 0;
    pointer-events: none
}

.giveaway .info__content .info-bottom .icon-server-select__popup {
    margin-bottom: 71px;
    border-radius: 52px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: rgba(15, 15, 22, .95);
    overflow: hidden
}

.giveaway .info__content .info-bottom .icon-server-select__popup .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 12px 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    cursor: pointer
}

.giveaway .info__content .info-bottom .icon-server-select__popup .item img {
    width: 24px
}

.giveaway .info__content .info-bottom .icon-server-select__popup .item:first-child {
    padding-top: 24px
}

.giveaway .info__content .info-bottom .icon-server-select__popup .item:last-child {
    border-bottom: none;
    padding-bottom: 24px
}

.giveaway .info__content .info-bottom .icon-server-select.active .icon-server-select__popup-container {
    opacity: 1;
    pointer-events: initial
}

.giveaway .info__content .info-bottom .icon-server-select.active .icon-server-select__selected {
    background: rgba(255, 255, 255, .08)
}

.giveaway .info__content .info-bottom .icon-server-select.active .icon-server-select__selected svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.giveaway .preview__custom-container {
    max-width: 1512px;
    padding: 0 34px;
    margin: 0 auto
}

.giveaway .preview__banner {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4);
    box-shadow: 0 0 15px #0006;
    z-index: 1;
    position: relative
}

.giveaway .preview__bottom {
    height: 120px;
    border-radius: 0 0 24px 24px;
    margin-top: -24px;
    padding-top: 24px;
    background: -webkit-radial-gradient(60.87% 0%, 250.5% 282.11%, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .02);
    background: -moz-radial-gradient(60.87% 0%, 250.5% 282.11%, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .02);
    background: radial-gradient(250.5% 282.11% at 60.87% 0%, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .02);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.giveaway .preview__bottom:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .05)), color-stop(70%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 70%);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(0deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 70%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 24px;
    z-index: 1
}

.giveaway .preview__logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    -webkit-animation: giveaway-logos 15s linear 0s infinite;
    -moz-animation: giveaway-logos 15s linear 0s infinite;
    animation: giveaway-logos 15s linear 0s infinite
}

.giveaway .preview__mta-logo,
.giveaway .preview__3-years-logo {
    height: 48px;
    width: auto
}

.giveaway .preview__and-logo {
    width: auto;
    height: 22px
}

.giveaway .prizes {
    position: relative;
    max-width: 1380px;
    padding: 64px 34px 0;
    margin: 0 auto
}

.giveaway .prizes__custom-container {
    max-width: 816px
}

.giveaway .prizes__label {
    margin-bottom: 15px;
    width: 112px
}

.giveaway .prizes__label img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    height: 100%;
    width: auto
}

.giveaway .prizes__label span {
    color: #8d8d8d;
    font-size: 16px;
    font-weight: 500
}

.giveaway .prizes__subtitle {
    color: #fffbef66;
    font-size: 14px;
    line-height: 140%
}

.giveaway .prizes__list {
    padding-top: 70px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 15px
}

.giveaway .prizes__list .prize {
    height: 314px;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    position: relative;
    background: #1b1b22
}

.giveaway .prizes__list .prize:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%);
    width: 40%;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: rgba(255, 255, 255, .15);
    z-index: 1
}

.giveaway .prizes__list .prize__content-wrapper {
    position: relative;
    border: 1px solid rgba(255, 255, 255, .05);
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    border-radius: 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    cursor: default
}

.giveaway .prizes__list .prize__content-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #10131a;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #10131a;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #10131a;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease
}

.giveaway .prizes__list .prize__img-wrapper {
    height: 186px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    justify-content: end;
    position: relative;
    z-index: 1
}

.giveaway .prizes__list .prize__img-wrapper .bg {
    position: absolute;
    top: 9%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    width: 95%;
    height: auto
}

.giveaway .prizes__list .prize__img-wrapper .img {
    height: 174px;
    width: auto;
    position: relative;
    z-index: 1
}

.giveaway .prizes__list .prize__content {
    position: relative;
    padding: 0 20px 20px;
    z-index: 1
}

.giveaway .prizes__list .prize__label {
    border-radius: 24px;
    background: rgba(255, 255, 255, .05);
    -webkit-animation: textGradient 3s infinite;
    -moz-animation: textGradient 3s infinite;
    animation: textGradient 3s infinite;
    height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 12px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.giveaway .prizes__list .prize__label span {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff9
}

.giveaway .prizes__list .prize.gold:before {
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a
}

.giveaway .prizes__list .prize.gold .prize__label {
    border-radius: 24px;
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a;
    -webkit-background-size: 200% 200%;
    background-size: 200%
}

.giveaway .prizes__list .prize.gold .prize__label span {
    color: #2b1e0a
}

.giveaway .prizes__list .prize.gold .prize__content-wrapper {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 167, 26, .1) 0%, rgba(255, 167, 26, 0) 100%), #0b0e15;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 167, 26, .1) 0%, rgba(255, 167, 26, 0) 100%), #0b0e15;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 167, 26, .1) 0%, rgba(255, 167, 26, 0) 100%), #0b0e15
}

.giveaway .prizes__list .prize.gold .prize__content-wrapper:after {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 167, 26, .18) 0%, rgba(255, 167, 26, 0) 100%), #10131a;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 167, 26, .18) 0%, rgba(255, 167, 26, 0) 100%), #10131a;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 167, 26, .18) 0%, rgba(255, 167, 26, 0) 100%), #10131a
}

.giveaway .prizes__list .prize.silver:before {
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #909090;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #909090;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #909090
}

.giveaway .prizes__list .prize.silver .prize__label {
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #7e7e7e;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #7e7e7e;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #7e7e7e;
    -webkit-background-size: 200% 200%;
    background-size: 200%
}

.giveaway .prizes__list .prize.silver .prize__label span {
    color: #1e1e1e
}

.giveaway .prizes__list .prize.silver .prize__content-wrapper {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15
}

.giveaway .prizes__list .prize.silver .prize__content-wrapper:after {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%), #10131a;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%), #10131a;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%), #10131a
}

.giveaway .prizes__list .prize.bronze:before {
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65
}

.giveaway .prizes__list .prize.bronze .prize__label {
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65;
    -webkit-background-size: 200% 200%;
    background-size: 200%
}

.giveaway .prizes__list .prize.bronze .prize__label span {
    color: #251c1c
}

.giveaway .prizes__list .prize.bronze .prize__content-wrapper {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(180, 132, 116, .1) 0%, rgba(180, 132, 116, 0) 100%), #0b0e15;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(180, 132, 116, .1) 0%, rgba(180, 132, 116, 0) 100%), #0b0e15;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(180, 132, 116, .1) 0%, rgba(180, 132, 116, 0) 100%), #0b0e15
}

.giveaway .prizes__list .prize.bronze .prize__content-wrapper:after {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15
}

.giveaway .prizes__list .prize__name {
    color: #fffc;
    font-size: 14px;
    line-height: 140%;
    padding-top: 12px
}

.giveaway .prizes__list .prize__type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 26px;
    -moz-box-flex: 0;
    flex: 0 0 26px;
    font-weight: 700;
    background: -webkit-gradient(linear, left top, right top, color-stop(30.44%, #8a8a8a), color-stop(59.26%, #e4e4e4), color-stop(74.27%, #8a8a8a));
    background: -webkit-linear-gradient(left, #8a8a8a 30.44%, #e4e4e4 59.26%, #8a8a8a 74.27%);
    background: -moz-linear-gradient(left, #8a8a8a 30.44%, #e4e4e4 59.26%, #8a8a8a 74.27%);
    background: linear-gradient(90deg, #8a8a8a 30.44%, #e4e4e4 59.26%, #8a8a8a 74.27%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-background-size: 200% 200%;
    background-size: 200%;
    -webkit-animation: textGradient 3s infinite;
    -moz-animation: textGradient 3s infinite;
    animation: textGradient 3s infinite;
    font-size: 12px;
    font-style: italic
}

.giveaway .prizes__list .prize.real {
    background: #1a1419
}

.giveaway .prizes__list .prize.real .prize__type {
    background: -webkit-gradient(linear, left top, right top, color-stop(30.44%, #da5a38), color-stop(59.26%, #fa9378), color-stop(74.27%, #da5a38));
    background: -webkit-linear-gradient(left, #da5a38 30.44%, #fa9378 59.26%, #da5a38 74.27%);
    background: -moz-linear-gradient(left, #da5a38 30.44%, #fa9378 59.26%, #da5a38 74.27%);
    background: linear-gradient(90deg, #da5a38 30.44%, #fa9378 59.26%, #da5a38 74.27%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-animation: textGradient 3s infinite;
    -moz-animation: textGradient 3s infinite;
    animation: textGradient 3s infinite
}

.giveaway .prizes__btn {
    height: 50px;
    border-radius: 54px;
    background: rgba(255, 255, 255, .05);
    padding: 0 34px 0 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 6px;
    margin: 46px auto 0;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

.giveaway .prizes__btn.simple {
    padding: 0 34px
}

.giveaway .prizes__btn .counter {
    height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 13px;
    border-radius: 30px;
    background: #fff;
    font-weight: 500;
    color: #23252a;
    font-size: 14px
}

.giveaway .prizes__btn .name {
    color: #fff;
    font-size: 14px
}

.giveaway .how-it-work {
    max-width: 1380px;
    margin: 64px auto 0;
    padding: 0 34px
}

.giveaway .how-it-work__custom-container {
    padding: 64px 48px 44px 68px;
    width: 100%;
    border-radius: 42px;
    background: #0d0d13;
    -webkit-box-shadow: 0px 0px 35px 0px #0b0b10 inset;
    box-shadow: 0 0 35px #0b0b10 inset;
    margin-bottom: 30px
}

.giveaway .how-it-work__label {
    margin: 0 auto;
    width: 156px
}

.giveaway .how-it-work__label img {
    width: 100% !important
}

.giveaway .how-it-work__header {
    padding: 20px 20px 0;
    position: relative
}

.giveaway .how-it-work__header .title {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.giveaway .how-it-work__header .slide-buttons {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 24px;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%)
}

.giveaway .how-it-work__header .slide-buttons button {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background: rgba(27, 27, 34, .4117647059);
    border: 1px solid rgba(255, 255, 255, .05);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .how-it-work__header .slide-buttons button img {
    opacity: .3;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .how-it-work__header .slide-buttons button:first-child {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.giveaway .how-it-work__steps {
    padding: 53px 20px 0;
    position: relative
}

.giveaway .how-it-work__steps:before,
.giveaway .how-it-work__steps:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    z-index: 2
}

.giveaway .how-it-work__steps:after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#0d0d13), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(right, #0d0d13, rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(right, #0d0d13, rgba(0, 0, 0, 0));
    background: linear-gradient(270deg, #0d0d13, rgba(0, 0, 0, 0))
}

.giveaway .how-it-work__steps:before {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#0d0d13), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, #0d0d13, rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(left, #0d0d13, rgba(0, 0, 0, 0));
    background: linear-gradient(90deg, #0d0d13, rgba(0, 0, 0, 0))
}

.giveaway .how-it-work__steps .item {
    border-radius: 24px;
    background: -webkit-radial-gradient(50.11% 0%, 64.55% 43.09%, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .02);
    background: -moz-radial-gradient(50.11% 0%, 64.55% 43.09%, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .02);
    background: radial-gradient(64.55% 43.09% at 50.11% 0%, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .02);
    width: 450px;
    padding: 52px 24px 24px
}

.giveaway .how-it-work__steps .item__numbers {
    color: #fffc;
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;
    text-align: center
}

.giveaway .how-it-work__steps .item__title {
    padding-top: 28px;
    color: #fff;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    line-height: 140%
}

.giveaway .how-it-work__steps .item__description {
    color: #fff6;
    text-align: center;
    font-size: 14px;
    line-height: 140%;
    padding: 8px 44px 0
}

.giveaway .how-it-work__steps .item__button {
    margin: 26px 44px 0;
    height: 56px;
    width: -webkit-calc(100% - 88px);
    width: -moz-calc(100% - 88px);
    width: calc(100% - 88px);
    border-radius: 4px;
    background: rgba(255, 255, 255, .05);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    color: #fff9;
    font-size: 14px;
    font-weight: 700
}

.giveaway .how-it-work__steps .item__bottom {
    position: relative
}

.giveaway .how-it-work__steps .item__bottom img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    width: 70%
}

.giveaway .how-it-work__steps .item__bottom .bg {
    width: 100%;
    margin-top: 162px;
    height: 156px;
    border-radius: 12px;
    background: #171720
}

.giveaway .how-it-work__steps .item.gold {
    background: -webkit-radial-gradient(50.11% 0%, 64.55% 43.09%, rgba(255, 170, 34, .09) 0%, rgba(255, 170, 34, 0) 100%), rgba(255, 170, 34, .02);
    background: -moz-radial-gradient(50.11% 0%, 64.55% 43.09%, rgba(255, 170, 34, .09) 0%, rgba(255, 170, 34, 0) 100%), rgba(255, 170, 34, .02);
    background: radial-gradient(64.55% 43.09% at 50.11% 0%, rgba(255, 170, 34, .09) 0%, rgba(255, 170, 34, 0) 100%), rgba(255, 170, 34, .02)
}

.giveaway .how-it-work__steps .item.gold .item__numbers {
    background: -webkit-gradient(linear, left top, right top, color-stop(30.44%, #ffaa22), color-stop(59.26%, #fed38e), color-stop(74.27%, #ffaa22));
    background: -webkit-linear-gradient(left, #ffaa22 30.44%, #fed38e 59.26%, #ffaa22 74.27%);
    background: -moz-linear-gradient(left, #ffaa22 30.44%, #fed38e 59.26%, #ffaa22 74.27%);
    background: linear-gradient(90deg, #ffaa22 30.44%, #fed38e 59.26%, #ffaa22 74.27%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-animation: textGradient 3s infinite;
    -moz-animation: textGradient 3s infinite;
    animation: textGradient 3s infinite
}

.giveaway .how-it-work__steps .item.gold .item__button {
    background: #1c1616;
    color: #b0761e;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .how-it-work__steps .item.gold .bg {
    background: #1c1616
}

.giveaway .section-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    height: 42px
}

.giveaway .section-label img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    height: 100%;
    width: auto
}

.giveaway .section-label span {
    color: #8d8d8d;
    font-size: 16px;
    font-weight: 500
}

.giveaway .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 16px
}

.giveaway .section-title span {
    line-height: 120%
}

.giveaway .section-title span:first-child {
    font-size: 46px;
    font-weight: 700
}

.giveaway .section-title span:last-child {
    font-size: 64px;
    font-weight: 700
}

.giveaway .leaders {
    max-width: 1380px;
    margin: 179px auto 0;
    padding: 0 34px 115px
}

.giveaway .leaders__custom-container {
    position: relative
}

.giveaway .leaders__bg {
    position: absolute;
    width: 100vw;
    top: 5%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.giveaway .leaders__label {
    width: 127px
}

.giveaway .leaders__label img {
    width: 100%
}

.giveaway .leaders__title {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    align-items: start;
    gap: 0
}

.giveaway .leaders__title span {
    line-height: 100%
}

.giveaway .leaders .leaders-table {
    padding-top: 52px;
    position: relative
}

.giveaway .leaders .leaders-table__row {
    display: grid;
    grid-template-columns: 52px 1fr
}

.giveaway .leaders .leaders-table__row:nth-child(2) {
    margin-top: 7px
}

.giveaway .leaders .leaders-table__row.table-header .leaders-table__sub-column,
.giveaway .leaders .leaders-table__row.table-header .leaders-table__column {
    color: #fff6;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%
}

.giveaway .leaders .leaders-table__row.table-header .leaders-table__column:nth-child(1) {
    text-align: end
}

.giveaway .leaders .leaders-table__row.table-header .leaders-table__column:nth-child(2) {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.5fr
}

.giveaway .leaders .leaders-table__row.table-header .leaders-table__sub-column {
    text-align: center
}

.giveaway .leaders .leaders-table__row.table-header .leaders-table__sub-column:nth-child(3) {
    text-align: end;
    padding-right: 25px
}

.giveaway .leaders .leaders-table__row.table-body {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, .05) inset;
    box-shadow: 0 0 15px #ffffff0d inset;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    border-radius: 6px;
    margin-top: 5px;
    background: #0c0e13;
    overflow: hidden
}

.giveaway .leaders .leaders-table__row.table-body:nth-child(2) {
    margin-top: 12px
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__column {
    height: 68px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__column:nth-child(1) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 6px 0 0 6px;
    border: 1px solid rgba(255, 255, 255, .05);
    border-right: 0px;
    margin-right: -5px
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__column:nth-child(1) img {
    width: 22px;
    height: auto;
    margin-left: -2px
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__column:nth-child(2) {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.5fr;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, .05) inset;
    box-shadow: 0 0 15px #ffffff0d inset;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .05)
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(1) {
    gap: 45px;
    padding-left: 24px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    justify-content: start
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(1) .number {
    width: 47px;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 500;
    background: rgba(255, 255, 255, .03);
    color: #505050;
    white-space: nowrap;
    font-size: 14px
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(1) .nickname {
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 400
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(2) {
    gap: 5px
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(2) img {
    width: 24px;
    height: 24px
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(2) span {
    white-space: nowrap;
    color: #ffa71a;
    font-size: 16px
}

.giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(3) {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    justify-content: end;
    padding-right: 25px;
    color: #ffa71a;
    font-size: 16px;
    font-weight: 500
}

.giveaway .leaders .leaders-table__row.table-body:nth-child(2) .leaders-table__column:last-child {
    background: -webkit-radial-gradient(0% 50%, 40.65% 247.66%, #29211c 0%, rgba(234, 149, 33, 0) 100%), transparent;
    background: -moz-radial-gradient(0% 50%, 40.65% 247.66%, #29211c 0%, rgba(234, 149, 33, 0) 100%), transparent;
    background: radial-gradient(40.65% 247.66% at 0% 50%, #29211c 0%, rgba(234, 149, 33, 0) 100%), transparent
}

.giveaway .leaders .leaders-table__row.table-body:nth-child(2) .leaders-table__column:last-child .leaders-table__sub-column:nth-child(1) .number {
    background: -webkit-radial-gradient(50% 50%, 44.14% 147.96%, rgba(255, 167, 26, .15) 0%, rgba(255, 167, 26, 0) 100%), rgba(255, 167, 26, .05);
    background: -moz-radial-gradient(50% 50%, 44.14% 147.96%, rgba(255, 167, 26, .15) 0%, rgba(255, 167, 26, 0) 100%), rgba(255, 167, 26, .05);
    background: radial-gradient(44.14% 147.96% at 50% 50%, rgba(255, 167, 26, .15) 0%, rgba(255, 167, 26, 0) 100%), rgba(255, 167, 26, .05);
    border: 1px solid rgba(255, 167, 26, .1);
    color: #ffa71a
}

.giveaway .leaders .leaders-table__row.table-body:nth-child(3) .leaders-table__column:last-child {
    background: -webkit-radial-gradient(0% 50%, 40.65% 247.66%, #2c2c32 0%, rgba(255, 255, 255, 0) 100%), transparent;
    background: -moz-radial-gradient(0% 50%, 40.65% 247.66%, #2c2c32 0%, rgba(255, 255, 255, 0) 100%), transparent;
    background: radial-gradient(40.65% 247.66% at 0% 50%, #2c2c32 0%, rgba(255, 255, 255, 0) 100%), transparent
}

.giveaway .leaders .leaders-table__row.table-body:nth-child(3) .leaders-table__column:last-child .leaders-table__sub-column:nth-child(1) .number {
    background: -webkit-radial-gradient(50% 50%, 44.14% 147.96%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .05);
    background: -moz-radial-gradient(50% 50%, 44.14% 147.96%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .05);
    background: radial-gradient(44.14% 147.96% at 50% 50%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    color: #b5b5b5
}

.giveaway .leaders .leaders-table__row.table-body:nth-child(4) .leaders-table__column:last-child {
    background: -webkit-radial-gradient(0% 50%, 40.65% 247.66%, #221d23 0%, rgba(158, 108, 108, 0) 100%), transparent;
    background: -moz-radial-gradient(0% 50%, 40.65% 247.66%, #221d23 0%, rgba(158, 108, 108, 0) 100%), transparent;
    background: radial-gradient(40.65% 247.66% at 0% 50%, #221d23 0%, rgba(158, 108, 108, 0) 100%), transparent
}

.giveaway .leaders .leaders-table__row.table-body:nth-child(4) .leaders-table__column:last-child .leaders-table__sub-column:nth-child(1) .number {
    background: -webkit-radial-gradient(50% 50%, 44.14% 147.96%, rgba(176, 122, 122, .15) 0%, rgba(176, 122, 122, 0) 100%), rgba(158, 108, 108, .05);
    background: -moz-radial-gradient(50% 50%, 44.14% 147.96%, rgba(176, 122, 122, .15) 0%, rgba(176, 122, 122, 0) 100%), rgba(158, 108, 108, .05);
    background: radial-gradient(44.14% 147.96% at 50% 50%, rgba(176, 122, 122, .15) 0%, rgba(176, 122, 122, 0) 100%), rgba(158, 108, 108, .05);
    border: 1px solid rgba(158, 108, 108, .1);
    color: #9e6c6c
}

.giveaway .leaders .leaders-table__info {
    position: absolute;
    left: 50%;
    top: 450px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.giveaway .leaders .leaders-table__info .g-time {
    border-radius: 90px;
    background: rgba(255, 255, 255, .15);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 32px;
    gap: 8px;
    padding: 0 14px 0 8px
}

.giveaway .leaders .leaders-table__info .g-time img {
    width: 16px;
    height: 16px
}

.giveaway .leaders .leaders-table__info .g-time span {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.giveaway .leaders .leaders-table__info .g-title {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    padding-top: 16px
}

.giveaway .leaders .leaders-table__info .g-text {
    color: #fff6;
    text-align: center;
    font-size: 14px;
    line-height: 140%;
    width: 500px;
    padding-top: 8px
}

.giveaway .leaders .leaders-table__info .g-twitch {
    margin-top: 24px;
    border-radius: 6px;
    background: #6441a5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    height: 51px;
    padding: 0 30px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.giveaway .leaders .leaders-table__info .g-twitch img {
    width: 24px;
    height: 24px
}

.giveaway .leaders .leaders-table__info .g-twitch span {
    color: #fff;
    line-height: 100%;
    font-size: 14px;
    font-weight: 500
}

.popup-giveaway-info .popup__content {
    background: #0a0c13;
    border: 1px solid #15171d;
    padding-bottom: 0
}

.popup-giveaway-info__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    border-bottom: 1px solid #14171d;
    padding-bottom: 28px
}

.popup-giveaway-info__head-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(50% - 8px);
    -moz-box-flex: 0;
    flex: 0 0 calc(50% - 8px);
    white-space: nowrap
}

.popup-giveaway-info__head-item div:first-child {
    color: #fff6;
    font-size: 14px
}

.popup-giveaway-info__head-item:first-child div:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 6px
}

.popup-giveaway-info__head-item:first-child div:last-child img {
    width: 12px
}

.popup-giveaway-info__head-item:first-child div:last-child span {
    color: #fff;
    font-size: 16px
}

.popup-giveaway-info__body {
    position: relative;
    display: none
}

.popup-giveaway-info__body#popup-giveaway-has-tickets:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 12, 19, 0)), to(#0a0c13));
    background: -webkit-linear-gradient(top, rgba(10, 12, 19, 0) 0%, #0a0c13 100%);
    background: -moz-linear-gradient(top, rgba(10, 12, 19, 0) 0%, #0a0c13 100%);
    background: linear-gradient(180deg, rgba(10, 12, 19, 0) 0%, #0a0c13 100%);
    height: 32px;
    width: 100%
}

.popup-giveaway-info__body#popup-giveaway-no-tickets {
    height: 41vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.popup-giveaway-info__body#popup-giveaway-no-tickets img {
    width: 28px;
    height: 28px
}

.popup-giveaway-info__body#popup-giveaway-no-tickets div {
    color: #fff;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    padding-top: 12px
}

.popup-giveaway-info__body#popup-giveaway-no-tickets p {
    max-width: 400px;
    padding-top: 8px;
    color: #fff6;
    text-align: center;
    font-size: 14px;
    line-height: 140%;
    padding-bottom: 10vh
}

.popup-giveaway-info__body#popup-giveaway-no-tickets p a {
    color: #fffc
}

.popup-giveaway-info__list {
    max-height: 42vh;
    overflow: auto;
    scrollbar-width: none
}

.popup-giveaway-info__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: #0b0e15;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, .05) inset;
    box-shadow: 0 0 15px #ffffff0d inset;
    height: 62px;
    padding: 0 24px;
    margin-top: 8px
}

.popup-giveaway-info__row:first-child {
    margin-top: 16px
}

.popup-giveaway-info__row:last-child {
    margin-bottom: 32px
}

.popup-giveaway-info__row div:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 11px
}

.popup-giveaway-info__row div:first-child img {
    width: 24px;
    height: 24px
}

.popup-giveaway-info__row div:first-child span {
    color: #ffa71a
}

.popup-giveaway-info__row div:last-child {
    color: #fff6;
    font-size: 14px
}

.popup-giveaway-randomizer .gr-prize {
    position: relative;
    height: 300px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: rgba(255, 255, 255, .02);
    overflow: hidden
}

.popup-giveaway-randomizer .gr-prize .name {
    position: absolute;
    bottom: 14px;
    left: 18px;
    width: 80%
}

.popup-giveaway-randomizer .gr-prize .image {
    position: absolute;
    top: 43%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 50%
}

.popup-giveaway-randomizer .gr-prize .bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 90%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%)
}

.popup-giveaway-randomizer .gr-prize .fake-img {
    position: absolute;
    top: 40%;
    left: -5%;
    width: 110%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    z-index: 10
}

.popup-giveaway-randomizer .gr-prize .fake-img.hide {
    display: none
}

.popup-giveaway-randomizer .gr-prize:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    width: 85px;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: rgba(255, 255, 255, .15)
}

.popup-giveaway-randomizer .gr-prize.gold {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 167, 26, .1) 0%, rgba(255, 167, 26, 0) 100%), #0b0e15;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 167, 26, .1) 0%, rgba(255, 167, 26, 0) 100%), #0b0e15;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 167, 26, .1) 0%, rgba(255, 167, 26, 0) 100%), #0b0e15
}

.popup-giveaway-randomizer .gr-prize.gold:after {
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #ffa71a
}

.popup-giveaway-randomizer .gr-prize.silver {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), #0b0e15
}

.popup-giveaway-randomizer .gr-prize.silver:after {
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #909090;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #909090;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), #909090
}

.popup-giveaway-randomizer .gr-prize.bronze {
    background: -webkit-radial-gradient(50% 0%, 72.62% 66.03%, rgba(180, 132, 116, .1) 0%, rgba(180, 132, 116, 0) 100%), #0b0e15;
    background: -moz-radial-gradient(50% 0%, 72.62% 66.03%, rgba(180, 132, 116, .1) 0%, rgba(180, 132, 116, 0) 100%), #0b0e15;
    background: radial-gradient(72.62% 66.03% at 50% 0%, rgba(180, 132, 116, .1) 0%, rgba(180, 132, 116, 0) 100%), #0b0e15
}

.popup-giveaway-randomizer .gr-prize.bronze:after {
    background: -webkit-radial-gradient(50% 50%, 52.04% 103.85%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65;
    background: -moz-radial-gradient(50% 50%, 52.04% 103.85%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65;
    background: radial-gradient(52.04% 103.85% at 50% 50%, rgba(86, 56, 49, .3) 0%, rgba(86, 56, 49, 0) 100%), #886c65
}

.popup-giveaway-randomizer .gr-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding-top: 24px;
    padding-bottom: 28px;
    border-bottom: 1px solid #14171d
}

.popup-giveaway-randomizer .gr-data .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(50% - 10px);
    -moz-box-flex: 0;
    flex: 0 0 calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px)
}

.popup-giveaway-randomizer .gr-data .col:nth-child(3),
.popup-giveaway-randomizer .gr-data .col:nth-child(4) {
    padding-top: 16px
}

.popup-giveaway-randomizer .gr-data .col .label {
    color: #fff6;
    font-size: 14px;
    line-height: 140%
}

.popup-giveaway-randomizer .gr-data .col .val {
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis
}

.popup-giveaway-randomizer .gr-data .col:nth-child(1) .val {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.popup-giveaway-randomizer .gr-data .col:nth-child(1) .val img {
    width: 16px
}

.popup-giveaway-randomizer .gr-ticket {
    margin-top: 16px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: #0b0e15;
    -webkit-box-shadow: 0 0 15px 0 rgba(255, 255, 255, .05) inset;
    box-shadow: 0 0 15px #ffffff0d inset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 62px;
    padding: 0 24px
}

.popup-giveaway-randomizer .gr-ticket div:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px
}

.popup-giveaway-randomizer .gr-ticket div:first-child img {
    width: 24px;
    height: 24px
}

.popup-giveaway-randomizer .gr-ticket div:first-child span {
    color: #fff6;
    font-size: 16px;
    font-weight: 300
}

.popup-giveaway-randomizer .gr-ticket div:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px
}

.popup-giveaway-randomizer .gr-ticket div:last-child img {
    width: 24px;
    height: 24px
}

.popup-giveaway-randomizer .gr-ticket div:last-child span {
    color: #ffa71a;
    font-size: 16px;
    font-weight: 500
}

.timer-con {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.timer-con.hide {
    opacity: 0
}

@-webkit-keyframes giveaway-logos {
    0% {
        -webkit-transform: translate(0%, 0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-44.62%, 0);
        transform: translate(-44.62%)
    }
}

@-moz-keyframes giveaway-logos {
    0% {
        -moz-transform: translate(0%, 0);
        transform: translate(0)
    }

    to {
        -moz-transform: translate(-44.62%, 0);
        transform: translate(-44.62%)
    }
}

@keyframes giveaway-logos {
    0% {
        -webkit-transform: translate(0%, 0);
        -moz-transform: translate(0%, 0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-44.62%, 0);
        -moz-transform: translate(-44.62%, 0);
        transform: translate(-44.62%)
    }
}

@-webkit-keyframes giveaway-logos-mobile {
    0% {
        -webkit-transform: translate(0%, 0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-44.816%, 0);
        transform: translate(-44.816%)
    }
}

@-moz-keyframes giveaway-logos-mobile {
    0% {
        -moz-transform: translate(0%, 0);
        transform: translate(0)
    }

    to {
        -moz-transform: translate(-44.816%, 0);
        transform: translate(-44.816%)
    }
}

@keyframes giveaway-logos-mobile {
    0% {
        -webkit-transform: translate(0%, 0);
        -moz-transform: translate(0%, 0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-44.816%, 0);
        -moz-transform: translate(-44.816%, 0);
        transform: translate(-44.816%)
    }
}

@-webkit-keyframes textGradient {
    0% {
        background-position: 0%
    }

    to {
        background-position: 200%
    }
}

@-moz-keyframes textGradient {
    0% {
        background-position: 0%
    }

    to {
        background-position: 200%
    }
}

.twitch-link {
    font-weight: 500;
    color: #6441a5;
    text-shadow: 0px 0px 10px #6441a5;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register-modal {
    opacity: 0;
    display: none;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #09090afa;
    z-index: 10000;
    max-height: 100%
}

.register-modal.show {
    opacity: 1
}

.register-modal.active {
    display: block
}

div[register-modal-screen] {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    height: 100%
}

.spin-modal {
    opacity: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 50px 0;
    display: none
}

.spin-modal.show {
    opacity: 1
}

.spin-modal.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.spin-modal__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    color: #fffbef;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    line-height: 120%
}

.spin-modal__title span {
    font-size: 42px
}

.spin-modal__description {
    color: #fffbef66;
    text-align: center;
    font-size: 14px;
    line-height: 140%;
    max-width: 765px;
    padding: 10px 20px 0
}

.spin-modal__main-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 70%;
    -moz-box-flex: 0;
    flex: 0 1 70%;
    height: 30%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.spin-modal__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 18px
}

.spin-modal__btn {
    height: 52px;
    border-radius: 6px;
    font-weight: 500;
    padding: 0 44px;
    background: rgba(255, 255, 255, .05);
    font-size: 14px;
    line-height: 100%;
    color: #fffbef66;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease
}

.spin-modal__btn.gradient {
    padding: 0 20px 0 10px;
    background: -webkit-gradient(linear, left top, right top, from(#ec2b1d), to(#f17d36)), #d9d9d9 !important;
    background: -webkit-linear-gradient(left, #ec2b1d 0%, #f17d36 100%), #d9d9d9 !important;
    background: -moz-linear-gradient(left, #ec2b1d 0%, #f17d36 100%), #d9d9d9 !important;
    background: linear-gradient(90deg, #ec2b1d 0%, #f17d36 100%), #d9d9d9 !important;
    color: #fffbef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px
}

.spin-modal__btn.gradient .icon {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .25);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.spin-modal__btn.gradient .icon img {
    width: 24px;
    height: 24px
}

.spin-modal__free-count {
    padding-top: 25px;
    color: #fffbef66;
    text-align: center;
    font-size: 14px
}

.spin-modal__free-count .white {
    color: #fff
}

.spin-action {
    opacity: 0;
    display: none;
    height: 100%;
    max-height: 100%
}

.spin-action.show {
    opacity: 1
}

.spin-action.active {
    display: block
}

.spin-action__title {
    color: #fffbef;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px
}

.spin-action__wheel {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.spin-action__wheel-img {
    height: 73vh
}

.spin-action__wheel-prizes-container {
    position: absolute;
    height: 72%;
    top: 11.67%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%)
}

.spin-action__wheel-prizes {
    height: 100%;
    will-change: transform;
    -webkit-transition: -webkit-transform 10s cubic-bezier(.36, 1, .1, 1.002);
    transition: -webkit-transform 10s cubic-bezier(.36, 1, .1, 1.002);
    -moz-transition: transform 10s cubic-bezier(.36, 1, .1, 1.002), -moz-transform 10s cubic-bezier(.36, 1, .1, 1.002);
    transition: transform 10s cubic-bezier(.36, 1, .1, 1.002);
    transition: transform 10s cubic-bezier(.36, 1, .1, 1.002), -webkit-transform 10s cubic-bezier(.36, 1, .1, 1.002), -moz-transform 10s cubic-bezier(.36, 1, .1, 1.002);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.spin-action__wheel-bg {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
    opacity: .08;
    min-width: 100vh;
    min-height: 130vw;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-animation: spinBg 50s linear 0s infinite;
    -moz-animation: spinBg 50s linear 0s infinite;
    animation: spinBg 50s linear 0s infinite
}

.spin-result {
    opacity: 0;
    display: none;
    position: relative;
    height: 100%
}

.spin-result.show {
    opacity: 1
}

.spin-result.active {
    display: block
}

.spin-result__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    text-align: center
}

.spin-result__title span {
    font-size: 42px
}

.spin-result__container {
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    padding: 0
}

.spin-result .sr_modal {
    border-radius: 12px;
    background: -webkit-radial-gradient(50% 0%, 52.8% 27.68%, rgba(249, 188, 102, .08) 0%, rgba(249, 188, 102, .05) 57.95%, rgba(249, 188, 102, 0) 100%), #0c0c0c;
    background: -moz-radial-gradient(50% 0%, 52.8% 27.68%, rgba(249, 188, 102, .08) 0%, rgba(249, 188, 102, .05) 57.95%, rgba(249, 188, 102, 0) 100%), #0c0c0c;
    background: radial-gradient(52.8% 27.68% at 50% 0%, rgba(249, 188, 102, .08) 0%, rgba(249, 188, 102, .05) 57.95%, rgba(249, 188, 102, 0) 100%), #0c0c0c;
    max-width: 357px;
    margin: 30px auto 0;
    position: relative
}

.spin-result .sr_modal:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    width: 57px;
    height: 4px;
    border-radius: 0 0 12px 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-8.32%, #6c440b), color-stop(27.93%, #f9bc66)), #d9d9d9;
    background: -webkit-linear-gradient(top, #6c440b -8.32%, #f9bc66 27.93%), #d9d9d9;
    background: -moz-linear-gradient(top, #6c440b -8.32%, #f9bc66 27.93%), #d9d9d9;
    background: linear-gradient(180deg, #6c440b -8.32%, #f9bc66 27.93%), #d9d9d9
}

.spin-result .sr_modal__image {
    padding: 44px 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.spin-result .sr_modal__image img {
    padding: 0 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 250px;
    -moz-box-flex: 0;
    flex: 0 1 250px;
    max-width: 250px;
    max-height: 170px;
    -o-object-fit: contain;
    object-fit: contain
}

.spin-result .sr_modal__body {
    border-radius: 12px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: #0f0f0f
}

.spin-result .sr_modal__sub-title {
    color: #fff6;
    padding: 28px 28px 0;
    font-size: 14px;
    line-height: 100%
}

.spin-result .sr_modal__title {
    padding: 10px 28px 0;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 100%
}

.spin-result .sr_modal__timer-container {
    padding: 18px 28px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px
}

.spin-result .sr_modal__timer {
    border-radius: 6px;
    background: rgba(255, 255, 255, .03);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, .15) inset;
    box-shadow: 0 0 12px #ffffff26 inset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 18px 0 12px;
    width: 100px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
    -moz-box-flex: 0;
    flex: 0 0 100px
}

.spin-result .sr_modal__timer svg {
    width: 20px;
    height: 20px
}

.spin-result .sr_modal__timer span {
    font-size: 14px;
    font-weight: 500
}

.spin-result .sr_modal__timer-text {
    color: #ea9521;
    font-size: 14px;
    line-height: 120%
}

.spin-result .sr_modal__register-btn-container {
    padding: 28px 28px 36px
}

.spin-result .sr_modal__register-btn {
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#ec2b1d), to(#f17d36)), #d9d9d9;
    background: -webkit-linear-gradient(left, #ec2b1d 0%, #f17d36 100%), #d9d9d9;
    background: -moz-linear-gradient(left, #ec2b1d 0%, #f17d36 100%), #d9d9d9;
    background: linear-gradient(90deg, #ec2b1d 0%, #f17d36 100%), #d9d9d9;
    height: 52px;
    width: 100%;
    color: #fffbef;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease
}

.register {
    overflow: hidden;
    opacity: 0;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.register.show {
    opacity: 1
}

.register.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.register [screen-launcher-right],
.register [screen-launcher-left] {
    display: none !important;
    opacity: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register [screen-launcher-right].show,
.register [screen-launcher-left].show {
    opacity: 1
}

.register [screen-launcher-right].active {
    display: block !important
}

.register [screen-launcher-left].active {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important
}

.register__container {
    display: grid;
    grid-template-columns: 528px 593px;
    position: relative;
    padding: 0
}

.register .close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    border-radius: 4px;
    background: rgba(255, 251, 239, .03);
    padding: 11px;
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    cursor: pointer;
    z-index: 10
}

.register .close-btn svg {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    width: 18px;
    height: 18px;
    opacity: .2
}

.register__left,
.register__right {
    max-height: 90vh
}

.register .download-launcher-btn {
    border-radius: 4px;
    height: 64px;
    padding: 0 31px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    cursor: pointer
}

.register .download-launcher-btn img {
    width: 24px;
    height: 24px
}

.register .download-launcher-btn.hide {
    display: none
}

.register .go-to-telegram-btn {
    height: 46px;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#54c1ff), to(#16abff));
    background: -webkit-linear-gradient(left, #54c1ff 0%, #16abff 100%);
    background: -moz-linear-gradient(left, #54c1ff 0%, #16abff 100%);
    background: linear-gradient(90deg, #54c1ff 0%, #16abff 100%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 6px
}

.register .go-to-telegram-btn span {
    color: #fffbef;
    font-size: 14px;
    font-weight: 500
}

.register .go-to-telegram-btn img {
    width: 18px;
    height: 18px
}

.register .go-to-telegram-btn.hide {
    display: none
}

.register .operation-system {
    opacity: .4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 15px
}

.register .operation-system span {
    color: #fffbef;
    font-size: 14px;
    line-height: 120%
}

.register .system {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: #171717;
    padding: 20px
}

.register .system__title {
    color: #fff6;
    font-size: 14px;
    text-transform: uppercase
}

.register .system__sub-title {
    padding-top: 15px;
    color: #fff6;
    font-size: 14px;
    line-height: 100%
}

.register .system__val {
    padding-top: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 140%
}

.register .only-for-mobile {
    display: none;
    gap: 12px
}

.register .only-for-mobile img {
    margin-top: 1px;
    width: 20px;
    height: 20px
}

.register .only-for-mobile span {
    color: #ea9521;
    font-size: 14px;
    line-height: 120%
}

.register .rl {
    border-radius: 10px 0 0 10px;
    background: #0f0f0f;
    border-right: 1px solid rgba(255, 255, 255, .05);
    padding: 39px 21px 19px 36px
}

.register .rl__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    height: -webkit-calc(100% - 21px);
    height: -moz-calc(100% - 21px);
    height: calc(100% - 21px)
}

.register .rl__top {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 max-content;
    -moz-box-flex: 0;
    flex: 0 1 max-content
}

.register .rl__step {
    color: #ea6721;
    font-size: 14px;
    text-transform: uppercase
}

.register .rl__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-top: 10px
}

.register .rl__sub-title {
    color: #fff9;
    font-size: 14px;
    line-height: 140%;
    max-width: 320px;
    padding-top: 10px
}

.register .rl__fields-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    margin-top: 14px;
    overflow: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    flex: 0 1 auto;
    overflow: hidden;
    position: relative
}

.register .rl__fields-container:before,
.register .rl__fields-container:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    z-index: 10
}

.register .rl__fields-container:before {
    top: -1px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(15, 15, 15, 0)), color-stop(85.71%, #0f0f0f));
    background: -webkit-linear-gradient(bottom, rgba(15, 15, 15, 0), #0f0f0f 85.71%);
    background: -moz-linear-gradient(bottom, rgba(15, 15, 15, 0), #0f0f0f 85.71%);
    background: linear-gradient(0deg, rgba(15, 15, 15, 0), #0f0f0f 85.71%)
}

.register .rl__fields-container:after {
    bottom: -1px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 15, 15, 0)), color-stop(85.71%, #0f0f0f));
    background: -webkit-linear-gradient(top, rgba(15, 15, 15, 0), #0f0f0f 85.71%);
    background: -moz-linear-gradient(top, rgba(15, 15, 15, 0), #0f0f0f 85.71%);
    background: linear-gradient(180deg, rgba(15, 15, 15, 0), #0f0f0f 85.71%)
}

.register .rl__fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding-bottom: 20px;
    padding-right: 15px;
    padding-top: 20px;
    gap: 20px
}

.register .rl__fields::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .02)
}

.register .rl__fields::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .05)
}

.register .rl__fields::-webkit-scrollbar {
    width: 3px;
    border-radius: 2px
}

.register .rl__field {
    position: relative;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl__field.input {
    overflow: hidden
}

.register .rl__field .error-label {
    bottom: -25px;
    left: 0;
    position: absolute;
    color: #c71d1d;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.register .rl__field.error {
    margin-bottom: 25px
}

.register .rl__field.error .rl-input {
    border: 1px solid rgba(199, 29, 29, .25) !important;
    background: rgba(199, 29, 29, .05) !important
}

.register .rl__field.error .rl-input input {
    color: #c71d1d !important
}

.register .rl__field.error .rl-input input::-webkit-input-placeholder {
    color: #c71d1d9f !important
}

.register .rl__field.error .rl-input input::-moz-placeholder {
    color: #c71d1d9f !important
}

.register .rl__field.error .rl-input input:-ms-input-placeholder {
    color: #c71d1d9f !important
}

.register .rl__field.error .rl-input input::-ms-input-placeholder {
    color: #c71d1d9f !important
}

.register .rl__field.error .rl-input input::placeholder {
    color: #c71d1d9f !important
}

.register .rl__field.error .rl-input svg path {
    fill: #c71d1d
}

.register .rl__field.error .error-label {
    opacity: 1;
    pointer-events: initial
}

.register .rl .rl-field {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 max-content;
    -moz-box-flex: 0;
    flex: 0 0 max-content
}

.register .rl .rl-field__label {
    color: #fff6;
    font-size: 14px;
    padding-bottom: 9px
}

.register .rl .rl-field__input {
    height: 62px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(255, 255, 255, .02);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl .rl-field__inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.register .rl .rl-field__inputs .rl-field__input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(50% - 4px);
    -moz-box-flex: 0;
    flex: 0 0 calc(50% - 4px);
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px)
}

.register .rl .rl-field .rl-select {
    position: relative;
    z-index: 2
}

.register .rl .rl-field .rl-select .selected {
    padding: 0 24px 0 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.register .rl .rl-field .rl-select .selected .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 9px
}

.register .rl .rl-field .rl-select .selected .content span {
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: .8px
}

.register .rl .rl-field .rl-select .selected .content img {
    width: 29px;
    height: 29px;
    -o-object-fit: contain;
    object-fit: contain
}

.register .rl .rl-field .rl-select .selected .content.placeholder {
    color: #fff6;
    font-size: 16px;
    line-height: 100%
}

.register .rl .rl-field .rl-select .selected .arrow {
    width: 24px;
    height: 24px;
    opacity: .3;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl .rl-field .rl-select .s-popup {
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    top: 62px;
    left: 0;
    width: 100%;
    position: absolute;
    margin-top: 10px;
    opacity: 0;
    pointer-events: none;
    background: #181818
}

.register .rl .rl-field .rl-select .s-popup .s-option {
    z-index: 100;
    border: 1px solid rgba(255, 255, 255, .05);
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px #00000040;
    padding: 0 25px;
    height: 64px;
    border-bottom: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.register .rl .rl-field .rl-select .s-popup .s-option:first-child {
    border-radius: 4px 4px 0 0
}

.register .rl .rl-field .rl-select .s-popup .s-option:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.register .rl .rl-field .rl-select .s-popup .s-option img {
    width: 29px;
    height: 29px;
    -o-object-fit: contain;
    object-fit: contain
}

.register .rl .rl-field .rl-select .s-popup .s-option span {
    color: #fff9;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: .8px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl .rl-field .rl-select .s-popup .s-option__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 9px
}

.register .rl .rl-field .rl-select .s-popup .s-option .s-label {
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, .15);
    background: #c00040;
    height: 32px;
    white-space: nowrap;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    gap: 4px
}

.register .rl .rl-field .rl-select .s-popup .s-option .s-label span {
    color: #fff;
    font-size: 12px;
    line-height: 100%
}

.register .rl .rl-field .rl-select.open .s-popup {
    opacity: 1;
    pointer-events: initial
}

.register .rl .rl-field .rl-select.open .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.register .rl .rl-field .rl-switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.register .rl .rl-field .rl-switcher .btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 10px;
    height: 54px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .05);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.register .rl .rl-field .rl-switcher .btn svg,
.register .rl .rl-field .rl-switcher .btn span {
    -webkit-transition: .15s;
    -moz-transition: .15s;
    transition: .15s;
    opacity: .4
}

.register .rl .rl-field .rl-switcher .btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.register .rl .rl-field .rl-switcher .btn.active {
    background: transparent
}

.register .rl .rl-field .rl-switcher .btn.active svg,
.register .rl .rl-field .rl-switcher .btn.active span {
    opacity: 1
}

.register .rl .rl-field .rl-switcher .btn.active:after {
    opacity: 1
}

.register .rl .rl-field .rl-switcher .btn.left:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(-6.76%, #960b77), color-stop(54.11%, #da20b1), color-stop(116.22%, #960b77)), rgba(255, 255, 255, .05);
    background: -webkit-linear-gradient(left, #960b77 -6.76%, #da20b1 54.11%, #960b77 116.22%), rgba(255, 255, 255, .05);
    background: -moz-linear-gradient(left, #960b77 -6.76%, #da20b1 54.11%, #960b77 116.22%), rgba(255, 255, 255, .05);
    background: linear-gradient(90deg, #960b77 -6.76%, #da20b1 54.11%, #960b77 116.22%), rgba(255, 255, 255, .05)
}

.register .rl .rl-field .rl-switcher .btn.right:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(-6.76%, #0c6dfe), color-stop(54.11%, #2980ff), color-stop(116.22%, #0c6dfe));
    background: -webkit-linear-gradient(left, #0c6dfe -6.76%, #2980ff 54.11%, #0c6dfe 116.22%);
    background: -moz-linear-gradient(left, #0c6dfe -6.76%, #2980ff 54.11%, #0c6dfe 116.22%);
    background: linear-gradient(90deg, #0c6dfe -6.76%, #2980ff 54.11%, #0c6dfe 116.22%)
}

.register .rl .rl-field .rl-switcher .btn span {
    z-index: 1;
    color: #fff;
    font-size: 16px;
    line-height: normal
}

.register .rl .rl-field .rl-switcher .btn svg {
    z-index: 1
}

.register .rl .rl-field .rl-input {
    border: 1px solid rgba(255, 255, 255, .05);
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl .rl-field .rl-input svg {
    position: absolute;
    top: 50%;
    left: 23px;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    opacity: .6;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl .rl-field .rl-input input {
    width: 100%;
    height: 100%;
    padding: 0 24px 0 58px;
    background: transparent;
    border: none;
    color: #fff
}

.register .rl .rl-field .rl-input input::-webkit-input-placeholder {
    color: #fff6
}

.register .rl .rl-field .rl-input input::-moz-placeholder {
    color: #fff6
}

.register .rl .rl-field .rl-input input:-ms-input-placeholder {
    color: #fff6
}

.register .rl .rl-field .rl-input input::-ms-input-placeholder {
    color: #fff6
}

.register .rl .rl-field .rl-input input::placeholder {
    color: #fff6
}

.register .rl .rl-field .rl-input.active {
    border: 1px solid rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .04)
}

.register .rl .rl-field .rl-input.active svg {
    opacity: 1
}

.register .rl .rl-field .rl-input__password-power {
    position: absolute;
    top: 98px;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl .rl-field .rl-input__password-steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 4px
}

.register .rl .rl-field .rl-input__password-steps span {
    display: block;
    height: 2px;
    border-radius: 2px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    flex: 1 1 100%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl .rl-field .rl-input__password-label {
    color: #34a852;
    font-size: 14px;
    line-height: 110%;
    padding-top: 8px
}

.register .rl .rl-field.show-power {
    margin-bottom: 30px
}

.register .rl .rl-field.show-power .rl-input__password-power {
    opacity: 1;
    pointer-events: initial
}

.register .rl__register-btn {
    margin-top: 12px;
    height: 62px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62px;
    -moz-box-flex: 0;
    flex: 0 0 62px;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    overflow: hidden;
    position: relative
}

.register .rl__register-btn span {
    position: relative;
    z-index: 10;
    color: #fffbef;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl__register-btn:after,
.register .rl__register-btn:before {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.register .rl__register-btn:after {
    background: -webkit-gradient(linear, left top, right top, from(#ec2b1d), to(#f17d36));
    background: -webkit-linear-gradient(left, #ec2b1d 0%, #f17d36 100%);
    background: -moz-linear-gradient(left, #ec2b1d 0%, #f17d36 100%);
    background: linear-gradient(90deg, #ec2b1d 0%, #f17d36 100%)
}

.register .rl__register-btn:before {
    background: rgba(255, 255, 255, .05);
    opacity: 0
}

.register .rl__register-btn.disabled {
    pointer-events: none
}

.register .rl__register-btn.disabled span {
    color: #fffbef66
}

.register .rl__register-btn.disabled:after {
    opacity: 0
}

.register .rl__register-btn.disabled:before {
    opacity: 1
}

.register .rl__register-btn__register-btn {
    pointer-events: none
}

.register .rl .download-launcher-btn {
    background: -webkit-gradient(linear, left top, right top, from(#ec2b1d), to(#f17d36)) !important;
    background: -webkit-linear-gradient(left, #ec2b1d 0%, #f17d36 100%) !important;
    background: -moz-linear-gradient(left, #ec2b1d 0%, #f17d36 100%) !important;
    background: linear-gradient(90deg, #ec2b1d 0%, #f17d36 100%) !important;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 64px;
    -moz-box-flex: 0;
    flex: 0 0 64px
}

.register .rl .how__requirements-block,
.register .rl .how__requirements-title {
    background: #171717
}

.register .rl .how__requirements-title {
    padding: 20px 36px
}

.register .rl .how__requirements-block {
    padding: 22px 25px 10px
}

.register .rl .how__requirements {
    margin-top: 0
}

.register .rl .how__requirements-body {
    padding-top: 10px
}

.register .rl .how__requirements-item {
    font-size: 12px;
    line-height: 140%;
    padding: 12px 0 9px
}

.register .rl .how__requirements-item:before {
    margin-top: 0;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.register .rl .how__requirements-block-head:not(:last-child) {
    margin-bottom: 15px
}

.register .rr {
    position: relative;
    background: #0e0e0e;
    border-radius: 0 10px 10px 0
}

.register .rr__bg-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    pointer-events: none
}

.register .rr__bg-2 {
    position: absolute;
    width: 120%;
    top: -38px;
    left: 100px;
    z-index: 1;
    pointer-events: none
}

.register .rr__bg-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.register .rr__bg-3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.register .rr__stats {
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    z-index: 2;
    padding: 36px 36px 0
}

.register .rr__stats .online {
    padding-right: 42px;
    border-right: 1px solid rgba(255, 255, 255, .05)
}

.register .rr__stats .online .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.register .rr__stats .online .top .icon {
    position: relative;
    width: 22px;
    height: 22px
}

.register .rr__stats .online .top .icon:before,
.register .rr__stats .online .top .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #61ff00;
    border-radius: 60%
}

.register .rr__stats .online .top .icon:after {
    width: 42.85%;
    height: 42.85%
}

.register .rr__stats .online .top .icon:before {
    opacity: .4;
    -webkit-animation: online-icon-animation ease 2s infinite;
    -moz-animation: online-icon-animation ease 2s infinite;
    animation: online-icon-animation ease 2s infinite
}

.register .rr__stats .online .top .val {
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

.register .rr__stats .online .desc {
    color: #fff6;
    font-size: 14px;
    text-align: center;
    padding-top: 7px
}

.register .rr__stats .active-players {
    padding-left: 42px
}

.register .rr__stats .active-players .val {
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

.register .rr__stats .active-players .online-desc {
    color: #fff6;
    font-size: 14px;
    text-align: center;
    padding-top: 7px
}

.register .rr__title {
    position: relative;
    z-index: 2;
    padding: 50px 36px 0;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600
}

.register .rr__sub-title {
    position: relative;
    z-index: 2;
    padding: 10px 0 0 36px;
    color: #fff6;
    font-size: 16px;
    line-height: 140%;
    max-width: 360px
}

.register .rr__video {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: #171717;
    padding: 24px
}

.register .rr__video .v-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 10px
}

.register .rr__video .v-title img {
    width: 20px;
    height: 20px
}

.register .rr__video .v-title span {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.register .rr__video .v-text {
    padding-top: 13px;
    color: #fff6;
    font-size: 14px;
    line-height: 140%
}

.register .rr__video .v-video {
    margin-top: 15px;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    height: 227px
}

.register .rr__video .v-video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.register .rr .operation-system {
    position: relative;
    z-index: 2;
    padding: 28px 36px 0
}

.register .rr .system {
    margin: 24px 36px 0;
    position: relative;
    z-index: 1;
    width: 348px;
    max-height: -webkit-calc(100% - 424px);
    max-height: -moz-calc(100% - 424px);
    max-height: calc(100% - 424px);
    overflow: auto;
    overflow-y: scroll
}

.register .rr .system::-webkit-scrollbar {
    display: none
}

.register .rr .download-launcher-btn {
    position: relative;
    z-index: 2;
    margin: 24px 36px 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: rgba(255, 255, 255, .05)
}

@-webkit-keyframes spinBg {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@-moz-keyframes spinBg {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        -moz-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@keyframes spinBg {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -moz-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@-webkit-keyframes online-icon-animation {
    0% {
        width: 100%;
        height: 100%
    }

    25% {
        width: 75%;
        height: 75%
    }

    50% {
        width: 100%;
        height: 100%
    }

    to {
        width: 100%;
        height: 100%
    }
}

@-moz-keyframes online-icon-animation {
    0% {
        width: 100%;
        height: 100%
    }

    25% {
        width: 75%;
        height: 75%
    }

    50% {
        width: 100%;
        height: 100%
    }

    to {
        width: 100%;
        height: 100%
    }
}

@keyframes online-icon-animation {
    0% {
        width: 100%;
        height: 100%
    }

    25% {
        width: 75%;
        height: 75%
    }

    50% {
        width: 100%;
        height: 100%
    }

    to {
        width: 100%;
        height: 100%
    }
}

.auth {
    padding: 170px 0 115px;
    position: relative;
    max-width: 1512px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto
}

.auth__decor {
    position: absolute;
    top: 0;
    pointer-events: none;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%);
    width: 100%;
    height: 100%
}

.auth__decor img {
    -o-object-position: center;
    object-position: center;
    max-width: 100%
}

.auth__container {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100%
}

.auth__image-left {
    position: absolute;
    left: 0;
    top: 220px;
    pointer-events: none;
    max-width: 628px;
    width: 100%
}

.auth__image-left img {
    max-width: 100%
}

.auth__image-right {
    position: absolute;
    right: -8%;
    pointer-events: none;
    top: 117px;
    max-width: 693px;
    width: 100%
}

.auth__image-right img {
    max-width: 100%
}

.auth__wrap {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #30303B;
    background: rgba(15, 15, 22, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 2;
    max-width: 438px;
    margin: 0 auto;
    padding: 32px
}

.auth__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 175%;
    text-align: center;
    margin-bottom: 24px
}

.auth__icon-top {
    width: 62px;
    margin: 0 auto 18px
}

.auth__icon-top img {
    max-width: 100%
}

.auth__image {
    max-width: 191px;
    margin: 0 auto 28px
}

.auth__image img {
    max-width: 100%
}

.auth__description {
    color: #fffbef66;
    text-align: center;
    line-height: 140%;
    font-size: 14px
}

.auth__description span {
    color: #fffbefcc
}

.auth__description>*:not(:last-child) {
    margin-bottom: 1em
}

.auth__description:not(:last-child) {
    margin-bottom: 28px
}

.auth__tabs-titles {
    border-radius: 4px;
    background: rgba(255, 251, 239, .05);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 8px
}

.auth__tabs-titles:not(:last-child) {
    margin-bottom: 24px
}

.auth__tabs-title {
    border-radius: 4px;
    padding: 13px 5px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    background: rgba(255, 251, 239, 0);
    color: var(--primary);
    line-height: 140%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.auth__tabs-title._tab-active {
    background: var(--primary);
    color: #323131
}

.auth-form__items {
    display: grid;
    gap: 12px
}

.auth-form__items:not(:last-child) {
    margin-bottom: 36px
}

.auth-form__buttons {
    display: grid;
    gap: 12px
}

.auth-form__buttons .button--primary {
    font-weight: 500
}

.cabinet-ownership__blocks {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(2, 1fr)
}

.cabinet-ownership__block {
    padding: 32px 36px;
    position: relative;
    border-radius: 8px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .03)), color-stop(84.06%, rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 84.06%)
}

.cabinet-ownership__block:not(.w-50) {
    grid-column: 1/3
}

.cabinet-ownership__block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .1)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 8px
}

.cabinet-ownership__empty {
    text-align: center;
    color: #fffbef66;
    line-height: 175%;
    padding: 100px 0
}

.cabinet-ownership__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.cabinet-ownership__head:not(:last-child) {
    margin-bottom: 24px
}

.cabinet-ownership__title {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 16px
}

.cabinet-ownership__title img {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.cabinet-ownership__head-link {
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    border-radius: 2px;
    background: rgba(255, 251, 239, .02);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.cabinet-ownership__head-link:hover {
    background: rgba(255, 251, 239, .12)
}

.cabinet-ownership__inventory-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 14px
}

.cabinet-ownership__inventory-item {
    padding: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 2px;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .04)), color-stop(84.06%, rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%)
}

.cabinet-ownership__inventory-item img {
    max-width: 100%
}

.cabinet-ownership__inventory-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .8)), color-stop(84.06%, rgba(255, 251, 239, .04)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 2px
}

.cabinet-ownership__grid {
    display: grid;
    gap: 12px
}

.cabinet-ownership__big-item {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .04)), color-stop(84.06%, rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    position: relative;
    padding: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.cabinet-ownership__big-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .8)), color-stop(84.06%, rgba(255, 251, 239, .04)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 2px
}

.cabinet-ownership__big-item-left {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px
}

.cabinet-ownership__big-item-icon {
    width: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.cabinet-ownership__big-item-icon img {
    max-width: 100%
}

.cabinet-ownership__big-item-price {
    color: #c2ff92;
    text-align: right
}

.cabinet-ownership__car-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px
}

.cabinet-ownership__car-item {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, .04)), color-stop(84.06%, rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    background: linear-gradient(0deg, rgba(255, 251, 239, .04) 0%, rgba(255, 251, 239, 0) 84.06%);
    position: relative;
    padding: 32px 16px 12px;
    gap: 16px
}

.cabinet-ownership__car-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .8)), color-stop(84.06%, rgba(255, 251, 239, .04)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .8) 0%, rgba(255, 251, 239, .04) 84.06%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 2px
}

.cabinet-ownership__car-item-image {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.cabinet-ownership__car-item-image img {
    max-width: 100%
}

.cabinet-ownership__car-item-producer {
    color: #fffbef99;
    font-size: 14px;
    line-height: 175%
}

.cabinet-ownership__car-item-model {
    line-height: 175%;
    font-weight: 500
}

.text-block {
    position: relative;
    padding: 146px 0 115px
}

.text-block__decor {
    position: absolute;
    top: 0;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%);
    width: 100%;
    height: 100%
}

.text-block__decor img {
    -o-object-position: center;
    object-position: center;
    max-width: 100%
}

.text-block__container {
    position: relative;
    z-index: 2
}

.text-block__container .title {
    text-align: center;
    margin-bottom: 40px
}

.text-block__wrap {
    font-size: 16px;
    line-height: 140%
}

.text-block__wrap .text-big {
    font-size: 18px
}

.text-block__wrap a {
    text-decoration: underline;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.text-block__wrap a:hover {
    color: #ec2b1d
}

.text-block__wrap h2 {
    margin: 14px 0;
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: inherit;
    display: inline-block;
    font-size: 16px;
    padding-left: 32px
}

.text-block__wrap ul {
    padding-left: 1em
}

.text-block__wrap ul li {
    list-style: disc
}

.cabinet-rating__top {
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
    gap: 32px
}

.cabinet-rating__top:not(:last-child) {
    margin-bottom: 44px
}

.cabinet-rating__select .select {
    width: 100%;
    max-width: 274px
}

.cabinet-rating__select:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.cabinet-rating__title {
    font-weight: 700;
    font-size: 46px;
    line-height: 120%
}

.cabinet-rating__place:not(:last-child) {
    margin-bottom: 36px
}

.cabinet-rating__place-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 42px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end
}

.cabinet-rating__place-item {
    padding: 20px;
    border-radius: 8px;
    position: relative;
    background: -webkit-linear-gradient(93deg, rgba(var(--color-place), .2) 2.56%, rgba(var(--color-place), 0) 97.44%);
    background: -moz-linear-gradient(93deg, rgba(var(--color-place), .2) 2.56%, rgba(var(--color-place), 0) 97.44%);
    background: linear-gradient(357deg, rgba(var(--color-place), .2) 2.56%, rgba(var(--color-place), 0) 97.44%)
}

.cabinet-rating__place-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-place), 1)), to(rgba(var(--color-place), 0)));
    background: -webkit-linear-gradient(top, rgba(var(--color-place), 1) 0%, rgba(var(--color-place), 0) 100%);
    background: -moz-linear-gradient(top, rgba(var(--color-place), 1) 0%, rgba(var(--color-place), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--color-place), 1) 0%, rgba(var(--color-place), 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 8px
}

.cabinet-rating__place-item--second {
    --color-place: 255, 251, 239;
    padding: 65px 20px;
    background: -webkit-linear-gradient(93deg, rgba(var(--color-place), .1) 2.56%, rgba(var(--color-place), 0) 97.44%);
    background: -moz-linear-gradient(93deg, rgba(var(--color-place), .1) 2.56%, rgba(var(--color-place), 0) 97.44%);
    background: linear-gradient(357deg, rgba(var(--color-place), .1) 2.56%, rgba(var(--color-place), 0) 97.44%)
}

.cabinet-rating__place-item--second .cabinet-rating__place-name {
    color: #e3e3e3
}

.cabinet-rating__place-item--first {
    --color-place: 255, 179, 32;
    padding: 85px 20px
}

.cabinet-rating__place-item--first .cabinet-rating__place-name {
    color: #ffc531
}

.cabinet-rating__place-item--third {
    --color-place: 118, 68, 52;
    padding: 45px 20px;
    background: -webkit-linear-gradient(93deg, rgba(var(--color-place), .4) 2.56%, rgba(var(--color-place), 0) 97.44%);
    background: -moz-linear-gradient(93deg, rgba(var(--color-place), .4) 2.56%, rgba(var(--color-place), 0) 97.44%);
    background: linear-gradient(357deg, rgba(var(--color-place), .4) 2.56%, rgba(var(--color-place), 0) 97.44%)
}

.cabinet-rating__place-item--third .cabinet-rating__place-name {
    color: #fa7348
}

.cabinet-rating__place-image {
    margin-bottom: 45px;
    height: 91px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.cabinet-rating__place-image img {
    max-height: 100%;
    width: auto;
    max-width: 100%
}

.cabinet-rating__place-name {
    font-size: 24px;
    font-style: italic;
    font-weight: 900;
    line-height: 120%;
    margin-bottom: 15px;
    text-align: center;
    word-break: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 4px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.cabinet-rating__place-name img {
    height: 30px
}

.cabinet-rating__place-money {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 5px;
    word-break: break-word
}

.cabinet-rating__place-money img,
.cabinet-rating__place-money svg {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.cabinet-rating__table table {
    width: 100%
}

.cabinet-rating__table th:last-child,
.cabinet-rating__table td:last-child {
    text-align: right
}

.cabinet-rating__table thead {
    background: rgba(255, 251, 239, .03)
}

.cabinet-rating__table thead th {
    color: #fffbef99;
    font-size: 18px;
    line-height: 120%;
    padding: 21px 10px 29px
}

.cabinet-rating__table thead th:first-child {
    border-radius: 8px 0 0;
    padding-left: 33px
}

.cabinet-rating__table thead th:last-child {
    border-radius: 0 8px 0 0;
    padding-right: 33px
}

.cabinet-rating__table tr:nth-child(odd) {
    background: rgba(255, 251, 239, .01)
}

.cabinet-rating__table tr:nth-child(2n) {
    background: rgba(255, 251, 239, .03)
}

.cabinet-rating__table tr:last-child td:first-child {
    border-radius: 0 0 0 8px
}

.cabinet-rating__table tr:last-child td:last-child {
    border-radius: 0 0 8px
}

.cabinet-rating__table td {
    font-size: 18px;
    text-align: center;
    padding: 20px;
    vertical-align: middle;
    line-height: 120%
}

.cabinet-rating__table td:first-child {
    padding-left: 33px
}

.cabinet-rating__table td:last-child {
    padding-right: 33px
}

.cabinet-rating__place-table {
    width: 41px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin: 0 auto
}

.cabinet-rating__place-table img {
    max-width: 100%
}

.cabinet-rating__money-table {
    color: #c2ff92
}

.cabinet-rating__position-table {
    font-style: italic;
    font-weight: 700;
    line-height: 100%;
    height: 36px;
    border-radius: 30px;
    background: rgba(255, 251, 239, .05);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 2px 10px;
    min-width: 36px
}

.donate {
    padding: 170px 0 0;
    position: relative
}

.donate__decor {
    position: absolute;
    left: 50%;
    bottom: -100px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%);
    width: 100%;
    height: -webkit-calc(100% + 100px);
    height: -moz-calc(100% + 100px);
    height: calc(100% + 100px)
}

.donate__decor img {
    -o-object-position: center;
    object-position: center;
    max-width: 100%
}

.donate__image-coin {
    position: absolute
}

.donate__image-coin img {
    z-index: 2;
    max-width: 100%;
    position: relative
}

.donate__image-coin:after {
    content: "";
    width: 80%;
    aspect-ratio: 1;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: #ffee6f;
    -webkit-filter: blur(72px);
    filter: blur(72px);
    position: absolute;
    opacity: .2
}

.donate__image-coin--1 {
    top: 24%;
    left: 14%;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    width: 29.1666666667%
}

.donate__image-coin--2 {
    top: 10%;
    right: 0;
    z-index: 4;
    width: 20%
}

.donate__image-coin--3 {
    bottom: 0;
    right: 4%;
    z-index: 4;
    width: 36.8333333333%
}

.donate__container {
    position: relative;
    z-index: 2
}

.donate__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

.donate__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 484px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.donate__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 24px
}

.donate__form .button.disabled {
    background: #1c1c23;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #555456;
    cursor: default
}

.donate__form .form-item__icon-alert {
    display: none;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    cursor: help
}

.donate__form .with-alert input {
    border: 1px solid rgba(255, 66, 66, .3) !important;
    background: rgba(255, 66, 66, .1) !important;
    color: #ff4242 !important
}

.donate__form .with-alert .form-item__icon-alert {
    display: block;
    -webkit-animation: opacityShow .2s ease 0s 1 forwards;
    -moz-animation: opacityShow .2s ease 0s 1 forwards;
    animation: opacityShow .2s ease 0s 1 forwards
}

.donate__form .with-alert .form-item__icons--right {
    display: none
}

.donate__form-items {
    display: grid;
    gap: 12px
}

.donate__percentage {
    margin: 24px 0 44px
}

.donate__percentage.hide {
    display: none
}

.donate__percentage-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.donate__percentage-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.donate__percentage-item:hover .donate__percentage-item-label,
.donate__percentage-item.active .donate__percentage-item-label {
    color: var(--primary)
}

.donate__percentage-item.active .donate__percentage-item-value {
    background: var(--primary);
    color: #232323
}

.donate__percentage-item-value {
    border-radius: 4px;
    background: rgba(255, 251, 239, .05);
    padding: 4px 6px;
    font-weight: 500;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    color: #fffbef99;
    font-size: 12px;
    line-height: 120%
}

.donate__percentage-item-label {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    color: #fffbef99;
    font-size: 14px;
    font-style: italic;
    line-height: 120%
}

.donate__image-wrap {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.donate__image {
    position: absolute;
    width: auto;
    min-width: 100%;
    top: 0;
    left: 0;
    margin-left: -34px;
    -webkit-transform: translate(0, -10%);
    -moz-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    transform: translateY(-10%);
    margin-right: -50px
}

.donate__image:after {
    content: "";
    position: absolute;
    width: 100%;
    aspect-ratio: 884/518;
    border-radius: 884px;
    background: rgba(255, 188, 88, .15);
    -webkit-filter: blur(197px);
    filter: blur(197px);
    left: 50%;
    z-index: -1;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.donate__image img {
    max-width: 100%;
    position: relative;
    z-index: 3
}

.donate .button {
    margin-top: 36px;
    width: 100%
}

.donate .checkbox {
    margin-top: 24px
}

.donate__title-container {
    position: relative
}

.donate__title-x2-label {
    height: 42px;
    padding: 0 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    border-radius: 44px;
    background: -webkit-radial-gradient(50.27% 50%, 215.03% 49.73%, rgba(255, 34, 34, .15) 0%, rgba(255, 34, 34, 0) 100%), rgba(65, 5, 6, .3);
    background: -moz-radial-gradient(50.27% 50%, 215.03% 49.73%, rgba(255, 34, 34, .15) 0%, rgba(255, 34, 34, 0) 100%), rgba(65, 5, 6, .3);
    background: radial-gradient(215.03% 49.73% at 50.27% 50%, rgba(255, 34, 34, .15) 0%, rgba(255, 34, 34, 0) 100%), rgba(65, 5, 6, .3);
    border: 1px solid #391111
}

.donate__title-x2-label img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.donate__title-x2-label span {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .8px;
    background: -webkit-gradient(linear, left top, right top, color-stop(30.44%, rgb(255, 63, 63)), color-stop(59.26%, rgb(231, 19, 19)), color-stop(84.27%, rgb(255, 63, 63)));
    background: -webkit-linear-gradient(left, rgb(255, 63, 63) 30.44%, rgb(231, 19, 19) 59.26%, rgb(255, 63, 63) 84.27%);
    background: -moz-linear-gradient(left, rgb(255, 63, 63) 30.44%, rgb(231, 19, 19) 59.26%, rgb(255, 63, 63) 84.27%);
    background: linear-gradient(90deg, rgb(255, 63, 63) 30.44%, rgb(231, 19, 19) 59.26%, rgb(255, 63, 63) 84.27%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-background-size: 200% 200%;
    background-size: 200%;
    -webkit-animation: textGradient 3s infinite;
    -moz-animation: textGradient 3s infinite;
    animation: textGradient 3s infinite
}

@keyframes textGradient {
    0% {
        background-position: 0%
    }

    to {
        background-position: 200%
    }
}

.loader-container {
    opacity: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #030b17de;
    display: none;
    z-index: 20000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.loader-container .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.loader-container .wrap .text {
    margin-top: 40px;
    text-align: center;
    line-height: 140%
}

.loader-container .wrap .text div {
    white-space: nowrap
}

.loader-container .wrap .text div span {
    font-size: 20px
}

.loader-container .wrap .text div span:nth-child(1) {
    -webkit-animation: dotFirst 1s infinite;
    -moz-animation: dotFirst 1s infinite;
    animation: dotFirst 1s infinite
}

.loader-container .wrap .text div span:nth-child(2) {
    -webkit-animation: dotSecond 1s infinite;
    -moz-animation: dotSecond 1s infinite;
    animation: dotSecond 1s infinite
}

.loader-container .wrap .text div span:nth-child(3) {
    -webkit-animation: dotThird 1s infinite;
    -moz-animation: dotThird 1s infinite;
    animation: dotThird 1s infinite
}

.loader {
    font-size: 48px;
    color: #fff;
    width: 1em;
    height: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: currentcolor;
    position: relative;
    border-radius: 50%;
    pointer-events: none;
    -webkit-transform: rotateX(-60deg) perspective(1000px);
    -moz-transform: rotateX(-60deg) perspective(1000px);
    transform: rotateX(-60deg) perspective(1000px)
}

.loader:before,
.loader:after {
    content: "";
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    -webkit-animation: flowerFlow 1s ease-out infinite;
    -moz-animation: flowerFlow 1s ease-out infinite;
    animation: flowerFlow 1s ease-out infinite
}

.loader:after {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}

.loader-container.active {
    display: block;
    -webkit-animation: showLoaderContainer .3s ease-out forwards;
    -moz-animation: showLoaderContainer .3s ease-out forwards;
    animation: showLoaderContainer .3s ease-out forwards;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#custom-tooltip {
    opacity: 0;
    position: absolute;
    top: -200vh;
    left: -200vh;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: #15151d;
    padding: 6px 18px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 140%;
    z-index: 10000;
    white-space: nowrap
}

#custom-tooltip:after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 23px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top: 4px solid #15151d
}

#custom-tooltip:before {
    content: "";
    position: absolute;
    bottom: -5px;
    right: 23px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top: 4px solid #27272f
}

#custom-tooltip.show {
    -webkit-animation: opacityShow .1s ease 0s 1 forwards;
    -moz-animation: opacityShow .1s ease 0s 1 forwards;
    animation: opacityShow .1s ease 0s 1 forwards
}

.checkbox__label:before,
.checkbox a,
.checkbox span {
    -webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    transition: ease .2s
}

.checkbox-alert a,
.checkbox-alert span {
    color: #ff4242 !important
}

.checkbox-alert .checkbox__label:before {
    border: 1px solid rgba(255, 66, 66, .5);
    background: rgba(255, 66, 66, .2);
    -webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    transition: ease .2s
}

@-webkit-keyframes opacityShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes opacityShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacityShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes showLoaderContainer {
    0% {
        opacity: 0;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px)
    }

    to {
        opacity: 1;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px)
    }
}

@-moz-keyframes showLoaderContainer {
    0% {
        opacity: 0;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px)
    }

    to {
        opacity: 1;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px)
    }
}

@keyframes showLoaderContainer {
    0% {
        opacity: 0;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px)
    }

    to {
        opacity: 1;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px)
    }
}

@-webkit-keyframes flowerFlow {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0);
        -webkit-box-shadow: 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor;
        box-shadow: 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-box-shadow: -1em -1em 0 -.35em currentcolor, 0 -1.5em 0 -.35em currentcolor, 1em -1em 0 -.35em currentcolor, -1.5em 0 0 -.35em currentcolor, 1.5em 0 0 -.35em currentcolor, -1em 1em 0 -.35em currentcolor, 0 1.5em 0 -.35em currentcolor, 1em 1em 0 -.35em currentcolor;
        box-shadow: -1em -1em 0 -.35em currentcolor, 0 -1.5em 0 -.35em currentcolor, 1em -1em 0 -.35em currentcolor, -1.5em 0 0 -.35em currentcolor, 1.5em 0 0 -.35em currentcolor, -1em 1em 0 -.35em currentcolor, 0 1.5em 0 -.35em currentcolor, 1em 1em 0 -.35em currentcolor
    }
}

@-moz-keyframes flowerFlow {
    0% {
        opacity: 1;
        -moz-transform: rotate(0deg);
        transform: rotate(0);
        box-shadow: 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor
    }

    to {
        opacity: 0;
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
        box-shadow: -1em -1em 0 -.35em currentcolor, 0 -1.5em 0 -.35em currentcolor, 1em -1em 0 -.35em currentcolor, -1.5em 0 0 -.35em currentcolor, 1.5em 0 0 -.35em currentcolor, -1em 1em 0 -.35em currentcolor, 0 1.5em 0 -.35em currentcolor, 1em 1em 0 -.35em currentcolor
    }
}

@keyframes flowerFlow {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0);
        -webkit-box-shadow: 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor;
        box-shadow: 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor, 0 0 0 -.5em currentcolor
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-box-shadow: -1em -1em 0 -.35em currentcolor, 0 -1.5em 0 -.35em currentcolor, 1em -1em 0 -.35em currentcolor, -1.5em 0 0 -.35em currentcolor, 1.5em 0 0 -.35em currentcolor, -1em 1em 0 -.35em currentcolor, 0 1.5em 0 -.35em currentcolor, 1em 1em 0 -.35em currentcolor;
        box-shadow: -1em -1em 0 -.35em currentcolor, 0 -1.5em 0 -.35em currentcolor, 1em -1em 0 -.35em currentcolor, -1.5em 0 0 -.35em currentcolor, 1.5em 0 0 -.35em currentcolor, -1em 1em 0 -.35em currentcolor, 0 1.5em 0 -.35em currentcolor, 1em 1em 0 -.35em currentcolor
    }
}

@-webkit-keyframes dotFirst {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes dotFirst {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes dotFirst {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dotSecond {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes dotSecond {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes dotSecond {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dotThird {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes dotThird {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes dotThird {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.premium {
    position: relative;
    padding: 170px 0 60px
}

.premium__decor {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.premium__crown {
    position: absolute;
    pointer-events: none
}

.premium__crown img {
    max-width: 100%
}

.premium__crown--1 {
    max-width: 307px;
    bottom: 15%;
    -webkit-transform: translate(-47%, 0);
    -moz-transform: translate(-47%, 0);
    -ms-transform: translate(-47%, 0);
    transform: translate(-47%)
}

.premium__crown--2 {
    max-width: 526px;
    top: 16%;
    right: 0;
    -webkit-transform: translate(30%, 0);
    -moz-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%)
}

.premium__container {
    position: relative
}

.premium__container .title {
    text-align: center
}

.premium__container .title:not(:last-child) {
    margin-bottom: 85px
}

.premium__inner {
    position: relative
}

.premium__info {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    gap: 12px;
    width: 278px;
    border-radius: 4px;
    padding: 14px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .05)), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 251, 239, .05) 0%, rgba(255, 251, 239, 0) 100%)
}

.premium__info--1 {
    top: 60px;
    left: 90px
}

.premium__info--2 {
    opacity: .2;
    bottom: 300px;
    left: 0
}

.premium__info--3 {
    top: 40px;
    right: 90px;
    opacity: .6
}

.premium__info--4 {
    opacity: .6;
    right: 50px;
    bottom: 300px
}

.premium__info-number {
    border-radius: 4px;
    background: #FFFBEF;
    height: 18px;
    width: 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    color: #232323;
    font-weight: 900;
    font-size: 12px;
    line-height: 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.premium__info-text {
    font-size: 14px;
    line-height: 140%
}

.premium__info-text b {
    font-style: italic;
    font-weight: 700
}

.premium__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.premium__slider-wrapper {
    padding: 0 23px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    position: relative
}

.premium__slider-wrapper:after {
    content: "";
    width: 100%;
    position: absolute;
    top: -126px;
    height: -webkit-calc(100% + 126px);
    height: -moz-calc(100% + 126px);
    height: calc(100% + 126px);
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(63.64%, rgba(255, 168, 16, .15)), color-stop(97.84%, rgba(255, 168, 16, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 168, 16, .15) 63.64%, rgba(255, 168, 16, 0) 97.84%);
    background: -moz-linear-gradient(bottom, rgba(255, 168, 16, .15) 63.64%, rgba(255, 168, 16, 0) 97.84%);
    background: linear-gradient(0deg, rgba(255, 168, 16, .15) 63.64%, rgba(255, 168, 16, 0) 97.84%)
}

.premium__slider {
    max-width: 305px
}

.premium__slider.swiper {
    overflow: visible
}

.premium__slider .swiper-slide {
    visibility: hidden;
    opacity: 0
}

.premium__slider .swiper-slide.swiper-slide-prev,
.premium__slider .swiper-slide.swiper-slide-next {
    opacity: .4;
    visibility: visible
}

.premium__slider .swiper-slide.swiper-slide-active {
    opacity: 1;
    visibility: visible
}

.premium__slider .swiper-slide.swiper-slide-active .premium__card {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.premium__card {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    padding: 28px 18px 25px;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    position: relative;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.premium__card--bronze {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .05)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%)
}

.premium__card--bronze .premium__card-title {
    color: #bf736c
}

.premium__card--bronze:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(191, 115, 108, .8)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(191, 115, 108, .8) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(191, 115, 108, .8) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(191, 115, 108, .8) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.premium__card--silver {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .05)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%)
}

.premium__card--silver .premium__card-title {
    color: #bebebe
}

.premium__card--silver:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .15)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.premium__card--gold {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%)
}

.premium__card--gold .premium__card-title {
    color: #ffc516
}

.premium__card--gold .premium__card-image {
    position: relative
}

.premium__card--gold .premium__card-image:after {
    content: "";
    width: 92px;
    height: 92px;
    background: #FFC51C;
    top: 50%;
    position: absolute;
    left: 50%;
    -webkit-filter: blur(47px);
    filter: blur(47px);
    border-radius: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.premium__card--gold:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 197, 84, .6)), to(rgba(255, 197, 84, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 197, 84, .6) 0%, rgba(255, 197, 84, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 197, 84, .6) 0%, rgba(255, 197, 84, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 197, 84, .6) 0%, rgba(255, 197, 84, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.premium__card-title {
    font-size: 26px;
    line-height: 140%;
    text-align: center;
    font-weight: 900
}

.premium__card-days {
    margin-bottom: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    line-height: 140%;
    font-weight: 500;
    gap: 6px
}

.premium__card-days img {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.premium__card-image {
    height: 147px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin-bottom: 48px
}

.premium__card-image img {
    max-height: 100%;
    max-width: 100%
}

.premium__card-btn {
    height: 56px;
    width: 100%
}

.premium__navigation {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    gap: 24px
}

.premium__arrow {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    background: rgba(255, 251, 239, .05);
    border: 1px solid rgba(255, 251, 239, .15);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.premium__arrow:hover {
    background: rgba(255, 251, 239, .15)
}

.premium__pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 12px
}

.premium__pagination .swiper-pagination-bullet {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    background: rgba(255, 251, 239, .15);
    width: 8px;
    height: 8px;
    border-radius: 8px
}

.premium__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fffbef
}

.premium__bottom {
    padding-top: 44px;
    padding-bottom: 80px;
    position: relative
}

.premium__bottom:after {
    width: 490px;
    left: 50%;
    height: 153px;
    position: absolute;
    content: "";
    top: 0;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30.8%, rgba(255, 168, 16, .15)), color-stop(96.77%, rgba(210, 145, 31, 0)), color-stop(96.77%, rgba(255, 168, 16, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 168, 16, .15) 30.8%, rgba(210, 145, 31, 0) 96.77%, rgba(255, 168, 16, 0) 96.77%);
    background: -moz-linear-gradient(top, rgba(255, 168, 16, .15) 30.8%, rgba(210, 145, 31, 0) 96.77%, rgba(255, 168, 16, 0) 96.77%);
    background: linear-gradient(180deg, rgba(255, 168, 16, .15) 30.8%, rgba(210, 145, 31, 0) 96.77%, rgba(255, 168, 16, 0) 96.77%);
    -webkit-transform: translate(-50%, -22.1px) perspective(3.3px) rotateX(1deg);
    -moz-transform: translate(-50%, -22.1px) perspective(3.3px) rotateX(1deg);
    transform: translate(-50%, -22.1px) perspective(3.3px) rotateX(1deg)
}

.premium__bottom-btn {
    color: #232323;
    padding: 14px 64px;
    text-align: center;
    position: relative;
    font-weight: 500;
    z-index: 2
}

.premium__bottom-btn:hover:after {
    -webkit-box-shadow: 0px 0px 20px rgba(255, 251, 239, .3);
    box-shadow: 0 0 20px #fffbef4d
}

.premium__bottom-btn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--primary);
    z-index: -1;
    border-radius: 8px;
    -webkit-transform: perspective(5px) rotateX(1deg) translateY(-5px);
    -moz-transform: perspective(5px) rotateX(1deg) translateY(-5px);
    transform: perspective(5px) rotateX(1deg) translateY(-5px);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.case {
    padding: 63px 0
}

.case.pb-115 {
    padding-bottom: 115px
}

.case__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-bottom: 48px;
    gap: 26px
}

.case__row {
    display: grid;
    grid-template-columns: 438px auto;
    gap: 25px
}

.case__grid2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    min-width: 0
}

.case__title {
    color: #fffbef33;
    font-size: 21px;
    font-weight: 700;
    line-height: 140%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.case__line {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    height: 1px;
    background: rgba(255, 251, 239, .15)
}

.case__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

.case-item {
    border-radius: 8px;
    position: relative;
    padding: 28px 20px 20px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    --opacity: .03;
    --opacity-border: .3
}

.case-item:hover {
    --opacity: .08;
    --opacity-border: .6
}

.case-item:hover .case-item__price:after {
    opacity: 1
}

.case-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, var(--opacity-border))), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.case-item--violet {
    background: radial-gradient(47.75% 38.4% at 50% 46.28%, rgba(204, 120, 247, .3) 0%, rgba(210, 131, 249, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, var(--opacity))), to(rgba(255, 251, 239, 0)));
    background: -webkit-radial-gradient(50% 46.28%, 47.75% 38.4%, rgba(204, 120, 247, .3) 0%, rgba(210, 131, 249, 0) 100%), -webkit-linear-gradient(top, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-radial-gradient(50% 46.28%, 47.75% 38.4%, rgba(204, 120, 247, .3) 0%, rgba(210, 131, 249, 0) 100%), -moz-linear-gradient(top, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%);
    background: radial-gradient(47.75% 38.4% at 50% 46.28%, rgba(204, 120, 247, .3) 0%, rgba(210, 131, 249, 0) 100%), linear-gradient(180deg, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%)
}

.case-item--violet .case-item__name {
    color: #cf73ff
}

.case-item--green {
    background: radial-gradient(47.75% 38.4% at 50% 46.28%, rgba(178, 211, 41, .3) 0%, rgba(178, 211, 41, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, var(--opacity))), to(rgba(255, 251, 239, 0)));
    background: -webkit-radial-gradient(50% 46.28%, 47.75% 38.4%, rgba(178, 211, 41, .3) 0%, rgba(178, 211, 41, 0) 100%), -webkit-linear-gradient(top, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-radial-gradient(50% 46.28%, 47.75% 38.4%, rgba(178, 211, 41, .3) 0%, rgba(178, 211, 41, 0) 100%), -moz-linear-gradient(top, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%);
    background: radial-gradient(47.75% 38.4% at 50% 46.28%, rgba(178, 211, 41, .3) 0%, rgba(178, 211, 41, 0) 100%), linear-gradient(180deg, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%)
}

.case-item--green .case-item__name {
    color: #b4ff27
}

.case-item--pink {
    background: radial-gradient(47.75% 38.4% at 50% 46.28%, rgba(247, 104, 225, .3) 0%, rgba(247, 104, 225, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, var(--opacity))), to(rgba(255, 251, 239, 0)));
    background: -webkit-radial-gradient(50% 46.28%, 47.75% 38.4%, rgba(247, 104, 225, .3) 0%, rgba(247, 104, 225, 0) 100%), -webkit-linear-gradient(top, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-radial-gradient(50% 46.28%, 47.75% 38.4%, rgba(247, 104, 225, .3) 0%, rgba(247, 104, 225, 0) 100%), -moz-linear-gradient(top, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%);
    background: radial-gradient(47.75% 38.4% at 50% 46.28%, rgba(247, 104, 225, .3) 0%, rgba(247, 104, 225, 0) 100%), linear-gradient(180deg, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%)
}

.case-item--pink .case-item__name {
    color: #fc69e3
}

.case-item--blue {
    background: radial-gradient(47.75% 38.4% at 50% 46.28%, rgba(1, 200, 233, .3) 0%, rgba(1, 200, 233, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, var(--opacity))), to(rgba(255, 251, 239, 0)));
    background: -webkit-radial-gradient(50% 46.28%, 47.75% 38.4%, rgba(1, 200, 233, .3) 0%, rgba(1, 200, 233, 0) 100%), -webkit-linear-gradient(top, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-radial-gradient(50% 46.28%, 47.75% 38.4%, rgba(1, 200, 233, .3) 0%, rgba(1, 200, 233, 0) 100%), -moz-linear-gradient(top, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%);
    background: radial-gradient(47.75% 38.4% at 50% 46.28%, rgba(1, 200, 233, .3) 0%, rgba(1, 200, 233, 0) 100%), linear-gradient(180deg, rgba(255, 251, 239, var(--opacity)) 0%, rgba(255, 251, 239, 0) 100%)
}

.case-item--blue .case-item__name {
    color: #01c8e9
}

.case-item__tags {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 9px;
    top: 14px;
    left: 14px
}

.case-item__tag {
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 900;
    line-height: 140%;
    color: #fff;
    border-radius: 40px
}

.case-item__tag--new {
    background: #FF3838
}

.case-item__tag--sale {
    background: #FF8C38
}

.case-item__top {
    text-align: center;
    margin-bottom: 10px
}

.case-item__label {
    color: #fffbef99;
    line-height: 140%;
    margin-bottom: 4px;
    font-weight: 500
}

.case-item__name {
    font-size: 21px;
    font-weight: 900;
    line-height: 140%
}

.case-item__image {
    aspect-ratio: 262/205;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin-bottom: 5px
}

.case-item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.case-item__price {
    min-width: 142px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 auto;
    border-radius: 4px;
    background: rgba(255, 251, 239, .05);
    padding: 15px 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.case-item__price:hover {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(239, 86, 42, .4);
    box-shadow: 0 0 25px #ef562a66
}

.case-item__price:after {
    content: "";
    position: absolute;
    opacity: 0;
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--gradient);
    z-index: -1
}

.case-item__price-current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

.case-item__price-current img {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.case-item__price-old {
    text-decoration: line-through;
    margin-left: 3px;
    color: #fffbef99;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%
}

.case-item-big {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    display: block;
    border-radius: 8px;
    background: radial-gradient(49.22% 38.8% at 50% 36.87%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .03)), to(rgba(255, 251, 239, 0)));
    background: -webkit-radial-gradient(50% 36.87%, 49.22% 38.8%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -webkit-linear-gradient(top, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-radial-gradient(50% 36.87%, 49.22% 38.8%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -moz-linear-gradient(top, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    background: radial-gradient(49.22% 38.8% at 50% 36.87%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), linear-gradient(180deg, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    padding: 28px 32px;
    --opacity-border: .3
}

.case-item-big:hover {
    --opacity-border: .6;
    background: radial-gradient(49.22% 38.8% at 50% 36.87%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .08)), to(rgba(255, 251, 239, 0)));
    background: -webkit-radial-gradient(50% 36.87%, 49.22% 38.8%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -webkit-linear-gradient(top, rgba(255, 251, 239, .08) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-radial-gradient(50% 36.87%, 49.22% 38.8%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -moz-linear-gradient(top, rgba(255, 251, 239, .08) 0%, rgba(255, 251, 239, 0) 100%);
    background: radial-gradient(49.22% 38.8% at 50% 36.87%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), linear-gradient(180deg, rgba(255, 251, 239, .08) 0%, rgba(255, 251, 239, 0) 100%)
}

.case-item-big:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, var(--opacity-border))), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.case-item-big__tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 9px
}

.case-item-big__tags:not(:last-child) {
    margin-bottom: 56px
}

.case-item-big__tag {
    padding: 7px 16px 5px;
    color: #fff;
    line-height: 140%;
    font-weight: 900;
    border-radius: 40px
}

.case-item-big__tag--new {
    background: #FF3838
}

.case-item-big__tag--limited {
    background: #FFBB38
}

.case-item-big__image {
    margin-bottom: 32px;
    height: 190px
}

.case-item-big__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.case-item-big__info {
    margin-bottom: 28px
}

.case-item-big__label {
    color: #fffbef99;
    line-height: 140%;
    margin-bottom: 4px
}

.case-item-big__name {
    font-size: 28px;
    font-weight: 900;
    line-height: 140%
}

.case-item-big__button {
    width: 100%;
    margin-bottom: 17px
}

.case-item-big__count {
    text-align: center;
    color: #fffbef66;
    font-style: italic;
    font-weight: 500;
    line-height: 140%
}

.case-item-big__count b {
    color: var(--primary)
}

.case-item-v2 {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    display: block;
    border-radius: 8px;
    background: radial-gradient(38.4% 38.4% at 50% 46.28%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .03)), to(rgba(255, 251, 239, 0)));
    background: -webkit-radial-gradient(50% 46.28%, 38.4% 38.4%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -webkit-linear-gradient(top, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-radial-gradient(50% 46.28%, 38.4% 38.4%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -moz-linear-gradient(top, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    background: radial-gradient(38.4% 38.4% at 50% 46.28%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), linear-gradient(180deg, rgba(255, 251, 239, .03) 0%, rgba(255, 251, 239, 0) 100%);
    padding: 18px 20px 21px;
    --opacity-border: .3
}

.case-item-v2:hover {
    background: radial-gradient(38.4% 38.4% at 50% 46.28%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 239, .08)), to(rgba(255, 251, 239, 0)));
    background: -webkit-radial-gradient(50% 46.28%, 38.4% 38.4%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -webkit-linear-gradient(top, rgba(255, 251, 239, .08) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-radial-gradient(50% 46.28%, 38.4% 38.4%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), -moz-linear-gradient(top, rgba(255, 251, 239, .08) 0%, rgba(255, 251, 239, 0) 100%);
    background: radial-gradient(38.4% 38.4% at 50% 46.28%, rgba(255, 251, 239, .1) 0%, rgba(255, 251, 239, 0) 100%), linear-gradient(180deg, rgba(255, 251, 239, .08) 0%, rgba(255, 251, 239, 0) 100%);
    --opacity-border: .6
}

.case-item-v2:hover .case-item-v2__price:after {
    opacity: 1
}

.case-item-v2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 251, 239, var(--opacity-border))), to(rgba(255, 251, 239, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 251, 239, var(--opacity-border)) 0%, rgba(255, 251, 239, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 12px
}

.case-item-v2__top {
    text-align: center;
    margin-bottom: 24px
}

.case-item-v2__label {
    margin-bottom: 2px;
    color: #fffbef99;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%
}

.case-item-v2__name {
    font-weight: 900
}

.case-item-v2__image {
    aspect-ratio: 190/102;
    max-width: 190px;
    margin: 0 auto 10px
}

.case-item-v2__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.case-item-v2__price {
    min-width: 127px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 auto;
    border-radius: 4px;
    background: rgba(255, 251, 239, .05);
    padding: 15px 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.case-item-v2__price:hover {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(239, 86, 42, .4);
    box-shadow: 0 0 25px #ef562a66
}

.case-item-v2__price:after {
    content: "";
    position: absolute;
    opacity: 0;
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--gradient);
    z-index: -1
}

.case-item-v2__price-current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%
}

.case-item-v2__price-current img {
    width: 20px;
    height: 20px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.case-item-v2__price-old {
    text-decoration: line-through;
    margin-left: 3px;
    color: #fffbef99;
    font-size: 12px;
    font-weight: 700;
    line-height: 120%
}

.popup-payment-check .popup__content {
    padding-right: 0;
    padding-left: 0
}

.popup-payment-check.success .popup__content {
    background: -webkit-radial-gradient(50% 0%, 64.96% 40.67%, rgba(62, 210, 113, .05) 0%, rgba(62, 210, 113, 0) 100%), rgba(0, 0, 0, 0);
    background: -moz-radial-gradient(50% 0%, 64.96% 40.67%, rgba(62, 210, 113, .05) 0%, rgba(62, 210, 113, 0) 100%), rgba(0, 0, 0, 0);
    background: radial-gradient(64.96% 40.67% at 50% 0%, rgba(62, 210, 113, .05) 0%, rgba(62, 210, 113, 0) 100%), rgba(0, 0, 0, 0)
}

.popup-payment-check.error .popup__content {
    background: -webkit-radial-gradient(50% 0%, 64.96% 40.67%, rgba(255, 71, 71, .0784313725), rgba(255, 71, 71, 0));
    background: -moz-radial-gradient(50% 0%, 64.96% 40.67%, rgba(255, 71, 71, .0784313725), rgba(255, 71, 71, 0));
    background: radial-gradient(64.96% 40.67% at 50% 0%, rgba(255, 71, 71, .0784313725), rgba(255, 71, 71, 0))
}

.popup-payment-check .popup__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 0 32px
}

.popup-payment-check .success-icon {
    width: 68px;
    height: 68px;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.popup-payment-check.success .success-icon {
    background-color: #3fd5730d;
    border: solid 1px rgba(63, 213, 115, .05)
}

.popup-payment-check.error .success-icon {
    background: rgba(255, 71, 71, .0784313725);
    border: 1px solid rgba(255, 71, 71, .1)
}

.popup-payment-check .popup__content {
    max-width: 404px
}

.popup-payment-check .body-header {
    padding: 0 32px
}

.popup-payment-check .title {
    font-weight: 500;
    line-height: 120%;
    font-size: 19px;
    text-align: center;
    padding-bottom: 5px
}

.popup-payment-check.error .title {
    font-size: 21px;
    padding-bottom: 15px
}

.popup-payment-check .sub-title {
    color: #fff6;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%
}

.popup-payment-check.success .sub-title {
    padding-bottom: 46px
}

.popup-payment-check.error .sub-title {
    padding-bottom: 30px
}

.popup-payment-check .block {
    padding: 28px 0;
    border-top: solid 1px #2b2727
}

.popup-payment-check .block:last-child {
    padding-bottom: 0
}

.popup-payment-check .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 0 32px 12px
}

.popup-payment-check .row:last-child {
    padding-bottom: 0
}

.popup-payment-check .row div:first-child {
    color: #fff9;
    font-size: 14px;
    line-height: 120%
}

.popup-payment-check .row div:last-child {
    color: #fff;
    font-size: 14px;
    line-height: 120%;
    font-weight: 500
}

.popup-payment-check .amount {
    position: relative;
    padding-left: 24px
}

.popup-payment-check .amount:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url(/images/svg/monet.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

.popup-payment-check {
    padding: 0 10px
}

.popup-payment-check .button-container a {
    margin: 0 auto;
    background-color: #ffffff0d;
    height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 40px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 5px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    font-size: 16px;
    transition: .2s;
    font-weight: 500;
    max-width: 100%;
    text-align: center
}

.popup-payment-check .button-container a:active {
    background-color: #f53f32
}

.popup-payment-alert .popup__content {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: -webkit-radial-gradient(47.46% 0%, 84.02% 40.98%, rgba(255, 31, 68, .03) 0%, rgba(255, 31, 68, 0) 100%), #0f0f16;
    background: -moz-radial-gradient(47.46% 0%, 84.02% 40.98%, rgba(255, 31, 68, .03) 0%, rgba(255, 31, 68, 0) 100%), #0f0f16;
    background: radial-gradient(84.02% 40.98% at 47.46% 0%, rgba(255, 31, 68, .03) 0%, rgba(255, 31, 68, 0) 100%), #0f0f16;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    max-width: 472px;
    padding: 55px 0 45px
}

.popup-payment-alert .alert {
    width: 84px;
    height: 84px;
    background: rgba(255, 31, 68, .03);
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin: 0 auto
}

.popup-payment-alert .modal-title {
    color: #fffc;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    padding: 32px 25px 0
}

.popup-payment-alert .modal-description {
    background: rgba(255, 31, 68, .03);
    margin-top: 36px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    color: #fff9;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 31, 68, 0)), color-stop(rgba(255, 31, 68, .15)), to(rgba(255, 31, 68, 0))) 1;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(255, 31, 68, 0), rgba(255, 31, 68, .15), rgba(255, 31, 68, 0)) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(255, 31, 68, 0), rgba(255, 31, 68, .15), rgba(255, 31, 68, 0)) 1;
    -o-border-image: linear-gradient(90deg, rgba(255, 31, 68, 0), rgba(255, 31, 68, .15), rgba(255, 31, 68, 0)) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 31, 68, 0)), color-stop(rgba(255, 31, 68, .15)), to(rgba(255, 31, 68, 0))) 1;
    border-image: linear-gradient(90deg, rgba(255, 31, 68, 0), rgba(255, 31, 68, .15), rgba(255, 31, 68, 0)) 1;
    padding: 18px 30px;
    text-align: center;
    line-height: 140%
}

.popup-payment-alert .modal-description span {
    color: #ff1f44
}

.popup-payment-alert .modal-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding-top: 36px
}

.popup-payment-alert .agree-btn {
    border-radius: 4px;
    background: #181821;
    height: 59px;
    padding: 0 30px;
    color: #fffbef66;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    pointer-events: none
}

.popup-payment-alert .agree-btn.available {
    background: var(--gradient) !important;
    color: #fff;
    pointer-events: initial
}

@font-face {
    font-family: lg;
    src: url(data:font/woff2;base64,d09GMgABAAAAAAkcAAsAAAAAEogAAAjNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgSQRCAqcLJZKCzoAATYCJANwBCAFgkoHIBupDgDm53Gzej8JpU0wqygVVyoWwphIsuuw60jpmBY6ppTa7mk7jtx57UQ0V2ulvfmteSIQji061T2HvfDEECASKizU5VUQXFjFRtgYTVg+woiYDVezOThR4tAvr/YYgOO/RZ+BAABzYtMA8Kl8Neg3UIDCoCkOyWBuLcCvSHycH78QvhFxmUCK03A0RwGSvXBAHgR8UB8DMvocJYAgbiZiJnqmYGbXjG3mz7P8nHhe8Uvxr0j+fzwPABAjWT1E83IJHh/x87G/jv1l7JtYR+y+WF2MKAai/qfDtfIRt7hBikI8D1IpipXqWqYSDgDBfwE7qDLw5EEALqFRDMKAsApNwchXAJgFL/WETMbKcDVSifR6QkjwkDaRTEugqlBtKVcL6Smi1dHlIqUmuii6Pic1JTIlFTX3uRenMNpiCiKOCZBm2ges0b/ScigDVgcb2MEHfloel7e1z208KrZUeQFjK0dIkbl6FOFczRhFE6zaRklPlz52tOXcKtmpdqisgHnbxRatg66vsZNHaWMPQ/eZmH6jaavlNASsipbKwVZSYrRm1mywI0670UEdhLy+yuscolSZJHKwg5IyNzRJQbKRZiicwnYiChjO1vSbKCBpkAgCjGIb6KCvA5GL0VHeUDwAQEHkSC2ToBJhKN9KAneim2ekLf1vENf3mjT3vAS295XY2MMgzRpSqTVWpt4ang+ksXynRUQPlkFOu+b6Yw0jBp8krbXbYbjc5mn6KpsNWKtqtcNz0D8xTTQKzthbZYAxLev3NkFgyYWsngBjGo8jg6a9Y3rKR9Pfqun10RvJi9X9foZGvrltMkJgWR7dhI7SSITEaBWIQQTMUSOJkTi5nlqpZUfNKcYD1Do/ZdkbR8UeVpKLSbMVgKLX0flzQYqCrLpll+/vus2IM9+lbdTgWWRLQJqvaq7eHKulgL2ssp7LrpxR2DBI/ja1zXvi7cS1E0Gr0uhy7PUGwPmdkkdjEYOjpGnQRXowC/GBq51eymLRXrsXsTzXX37VlXzeVxoI6m8Gy67oBnzsB6DoQYY7GHM2fbT4oS9zON45lPnwbmww2BL0G89EnfaVPi5eJ3NZFtjc277Wb9M1A+UWG2WZyrj6PMKmLHRoH04iZLuivlsHTmm9/qYJ1r2Z90DtuKYduK6SdNZ3dRRxHAoE+l4HGM6MyIe+0se+zHEfsP4s2sqqnVdSTE/8lCVYMRVsuBVEJOvT3fa1Xr4X2iDZflVFmxyDmpu1r8b9IsVzXUB9w1/l9ccf7WCszaI1ATtUx7oRztk1dtbBcciudJAi83Vv2yaTg9uON6toxLlIM2GVxClo2eVBt5gcOHRwHLIpptC92TeKRi3MjtBkTAOaoU+6P1q364+kdgt/+xh2fRvlOf2p5xR4ut7P4s0sPwY63OguajQWuYqMjUWaA9100ya6yHdHr/BMyxN9QmGa2zjPnbZr17KTy9weKwqXYtqjcMunRkgE9kP+Refvml14hAZw8WFQGmZnnaEi0eLUQTCc+tLSphVyaUH6lAJoXjF1MDiaFSOexNCRKYW8TOkhKzDEDjPDvHHI3c5hXbQLhujhUuPmBYd+N/EaktFsDqoDo4/G0yx70s3SSuXJDIvjMNsIQ7TDqb+/sv8NHGl6BvDAMOnsCpv9PQcP9tS6N294zEnwtNdt2tfTXSz7JGwAqALmbKpr90BaeqA9tlvduWP4/xa0thZcJMNDC6XqrFuy2xGF7YaiQkN7UfhEbMaNkOxQHezh7YVFBsP9TcoybgmzhaExmpxb/78Naf89LmVWthVvvSWh3rZUWtlMFStWENDf5uqEd2LiP/M/fvWEWUntjnTynpI2ainnLdjPUIvL2uGFJvoUQy0taZvPePLqxy0lK6mUo8yp6B+WtdyyTHivdrgLZrhbvAOlWMbQEJtJZ7JuXgRLC+hwe/kb90WvW4U4/PGGRUmLk995J1loWLRhQwVCKkve4JOS8YJASY+P8KQNe/vahGNU8TJRe/eCaaG7ozsrt6Ixu623v/ck0rvlG2EYBoAh6abIxoZ9UeHoNQAiMPKv/8pIi+47EAMHcfLh7dyX8q0Po+Iap94fFob+4fr/DXr96x+j1x2dhZ0dBfRqardjBIZ+M+S6Lo6ojE+4HKF7Kz7zG+eCOkwQ98UfOirDqrckKPVz3sR8srT/gsev3H0p3Rq7wkD1JLE/XZ+2Ze5pV5eqPiqqmBkc1PQYDBvlk5MdqQff21UyInvyhyjMsHXV33tD3zaQ7Us/NKfX44qLQ/8ffOtzXIjnymRNXampDWkGDR5yOyThG2/9UXC6liWEEz0hX+uR1Xg780i4eNOSig3Fk2pSkPpBqrrmx3/+TbB2ya9ePfrGJx98H8rvjKsRQoSh/G0s8cO6bhwwUI8vUz1c21B04cscrjVV1q8zzCVJkmv/T8y21/bLszJpxeqptculJZpleUyKrPX/X3QZBL+rl+hTWuR/2At7LhYVX9BBsULaqi9LWh+6xMDLW6V65dy2gsMbszemQ96XMDvrSfRM60ceo5R/oGDXB0KrxJsTACBhbV48S4Cd5IeyAVdU5Yg+2nPGKS+XAwmOljrwpIdMmdJPexI9ndnIXUIVgety83YzRdXD6E6YvF0gVGJRMhpOyQW6xGM0Zbq7zw8AoAcWAYa7cSOsARF+Fm8DBAAYgDUq07ZSWvm3UIoAAIAfde39SB7Hz+K/xR9vAkMBg0YE8PKEChkH47+9MDggitAdAEObxnBmZAFu5C4eyMxqN/2c3ZUK2qJ+tDUvrTR/BGHDbqZplsDNZVVQjIaim4XA6TE4YLCfEdweIwAKaArx8aN1JETYMNMDEWGYZdRjMJDAB4T7+EEiwAdiBKCBlRQCfnwjEgohbttG2AYb3yS+7tWIDW1rd/6mMedAM+yEHbAvWge0XgNevwdW20Cmdfb6NXBYqm+DtZHUyUW88R/abjA/OxeYpIa9sNmNGMqHbMgd2CAZPzVuOfQFg5H275pWwx73mQMODQAAAA==) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAABLgAAsAAAAAEpQAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGIGNtYXAAAAFoAAAApAAAAKSI7DN0Z2FzcAAAAgwAAAAIAAAACAAAABBnbHlmAAACFAAADjgAAA44V8bBEWhlYWQAABBMAAAANgAAADYbqSuuaGhlYQAAEIQAAAAkAAAAJAeuA91obXR4AAAQqAAAAHAAAABwZgALDmxvY2EAABEYAAAAOgAAADonfiQgbWF4cAAAEVQAAAAgAAAAIAAmAI5uYW1lAAARdAAAAUoAAAFKqFVCHnBvc3QAABLAAAAAIAAAACAAAwAAAAMD7AGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QoDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAIgAAAAeABAAAwAOAAEAIOAa4B3gM+Bw4JXg8uH/4g3jEugN6Qr//f//AAAAAAAg4BrgHeAz4HDglODy4f/iDOMR6A3pAP/9//8AAf/jH+of6B/TH5cfdB8YHgweABz9GAMXEQADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAFYAAQOqA1UAAwATACMAJwAAAREzEQcyNzY1NCcmIyIHBhUUFxYTMhcWFRQHBiMiJyY1NDc2ExEzEQIqVoCMZWVlZYyMZWVlZYywfX19fbCwfX19fTBWAQEBVP6srGVljIxlZWVljIxlZQMAfX2wsH19fX2wsH19/awBVP6sAAMAVgABA6oDVQAPAB8AIgAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYTEQUCAIxlZWVljIxlZWVljLB9fX19sLB9fX19WgEAVWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH19/ZYBgMAAAAAAAwBVAAADqwNVABQAKQA+AAABITIXFhURFAcGIyEiJyY1ETQ3NjMHERQXFjMhBgcGIyEiJyY1ETQ3NjclISIHBhURFBcWMyEyNzY1ETQnJiMBgAGrNSUmJiU1/lU1JiUlJjXVDA0RAiQOISEp/lU1JSYYGCYCgP5VEgwNDQwSAasRDQwMDREDVSUmNf5WNSYlJSY1Aao1JiWy/d0SDA0lGBgmJTUBqykhIQ1dDA0S/lYSDQwMDRIBqhIMDQABANYAgQMqAtUACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gKZ7u487u487u487u4AAQBVAFUDqwMAACIAAAEyFxYVFA8BITIXFhUUBwYjIRcWFRQHBiMiJwEmNTQ3ATYzAasRDQwM4gKZEgwNDQwS/WfiDAwNERIN/tYNDQEqDRIDAAwNEhIM4gwNERINDOIMEhIMDQ0BKg0SEQ0BKwwAAAEAVQBVA6sDAAAiAAABMhcBFhUUBwEGIyInJjU0PwEhIicmNTQ3NjMhJyY1NDc2MwJVEg0BKg0N/tYNEhIMDAzi/WcSDA0NDBICmeIMDAwSAwAM/tUMEhIN/tYNDQwSEgziDQwSEQ0M4gwSEwwMAAACAKoAKwNWAysAAwAKAAA3IRUhAQcnMxEzEaoCrP1UAgCqqoBUgVYBVqysAar+VgAJAKoAVQNWAwEAAwAHAAsADwATABcAGwAfACMAACU1MxUDNTMVATUzFTczFSMBNTMVITUzFQM1MxUzNTMVATUzFQKqrKys/lSsVKys/wCs/lSsrKxUrP5UrFWsrAEArKwBAKysrKz/AKysrKz/AKysrKwCAKysAAAEANYAgQMqAtUABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQC1dSA/lSA1FQBLNRUgKyAVNQABADWAIEDKgLVAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAlVU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAQQNqAysACwAbADIAAAEjFSM1IzUzNTMVMwcyNzY1NCcmIyIHBhUUFxYhFwcnNScGIyInJjU0NzYzMhcWFRQHFwIAVipWVipWalA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFBCDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0aEwMAAAAAwCAAEEDagMrAAMAEwAqAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcXASrW1mxQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQQgwCKyqsODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0aEwMAAAAAQCAAAMDgANVADMAACUyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLP1JMzNLSzMHDwawERFLNTRMEhCuBw8INExMNDVLExGwCA8HCA8HsA8RAAAEAK4AWQNWA4EAFAAaACAAJgAAARYXFhUUBwYHNTY3NjU0JyYnFSc3AzcWFxUmAxYXByYnNwYHIzY3Aip+V1dXV35cPT09PVzCwvw+LjxgcgogPDgMgiQIVgw6Av0QYGCCgmBgEFYQR0deXkdHEKa+wv0cPiIKVgwBHDowPEpcvjQ2WkwAAAAABACqAFkDUgOBAAUACwARACYAAAE2NzMGBwc2NxcGBwEjJic3FicHNQYHBhUUFxYXFSYnJjU0NzY3NQLQIgpWDDjkPC4+SGABKFYKIj46sMJcPT09PVx+V1dXV34BFy48XEosCiI+OAwBfDwuPEiMvqYQR0deXkdHEFYQYGCCgmBgEIQAAgCAAIEDgALVAAYADQAAAQc1ITUhNQEVIRUhFScDgKr+1AEs/lQBLP7UqgIrqoBUgP8AgFSAqgACANYAKwMqAysABgANAAABFyMRIxEjATMHJzMRMwGAqoBUgAHUgKqqgFQDK6r+1AEs/lSqqgEsAAIAFP/hA+wDuAAcADEAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjEyMiBh0BMwcjFSM1IzUzNTQ2OwEVAgBmWVqFJycnJ4VaWWZmWVqFJycnJ4VaWWZ0SQcMXA1PV09PPC5JA7gmJ4VaWWZmWlmFJycnJ4VZWmZmWVqFJyb+rRALNkzk5EwtMEVRAAUAFP/hA+wDuAAcAFYAYgB1AIsAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjAw4BIyoBMTAiIyImNTQ2OwEuATEqASMiJicuATU0NjczFRQGBw4BBx4BFRQGBw4BFRQWFx4BFRQGByUjFSM1IzUzNTMVMwUqASMOAQcOARUeATc+AScuASM3LgEjKgEHDgEHDgEXHgEzOgE3PgEnAgBmWVqFJycnJ4VaWWZmWVqFJycnJ4VaWWYcFy0JAgICAQ9pdRkBDgEBBAIKIBATE3cBdxwMBA4CFwwVDQkLDwsQJR4eAQJMNExMNEz+vwIEAhEfCwsLAjQjIysCAikhLQoeGAIFAwoPBQQBBAcjEwIFAxUWCQO4JieFWllmZlpZhScnJyeFWVpmZllahScm/UILBhxEQx0TIQUKDCodUh8BAwoHAQEBAgwnHCAlDAgNBwgQCQ8rIyMzDtNNTTNNTW4CDAoLGQ0bHQIDJRsZI8YgGAEDEA0NGg8bIwEGNx8AAAACABT/4QPsA7gAHABRAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmIxMuAScOAQcmNjcmNhcWBw4BBwYXFjc+AScmJyYnJgYHBhceAQcuATc+ATc2FhcWBw4BBwYnAgBmWVqFJycnJ4VaWWZmWVqFJycnJ4VaWWYiGBsTCiAlDCYOFyovHAUFFQICJCYaGhcFBRciLS1NGBkIBBwSLB8CA2xAUoQLBgkJKyEiKwO4JieFWllmZlpZhScnJyeFWVpmZllahScm/aACFAs1XxtRgUAmaxMLHx9DHR0HBxsbUSsrGCIDAykoJzEYHSEKQC1LYQcJS0wsKitDFBMDAAAAAAIAFP/hA+wDuAAcAF4AAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjExwBFRQHDgEHBiMiJicyFjMyNjcuASceATMyNjcuAT0BHgEXLgE1NDY3HgEXLgE1NDYzMhYXPgE3DgEHPgE3DgEHAgBmWVqFJycnJ4VaWWZmWVqFJycnJ4VaWWbIEhJGMzNDKUshBgwGIj0ZIDEKBQkEBw0GIS0KFgwTGAcGJGc9AgE5KBUkDhAfDgUWDw4cDQkZDgO4JieFWllmZlpZhScnJyeFWVpmZllahScm/m4DBwMwMTFPGRkXFAEWEwEmHQEBAgEHNSMBBQYBDSsZDRkLLDcDBgsFKDkQDgMMCBEbCgIIBg8ZCgAAAAACAFgAAgOrA1UALgBWAAABNTwBNS4BJy4BJzAiMSMmBgcOAQcOARUUFhcHBhQXHgE/AR4BMzI2Nz4BNz4BNSMUBgcOAQcOASMiJicuAQ8BNzYmJy4BNTQ2Nz4BNz4BOwEeARceARcDqwU7MTOKUAIVLV0sJ0QbKjAREksDAwUgEeIlVC0sVSc9ZCEUF1YREBpPMR9DIydIHwgRCKM3AgEEEhAmIRY1ICJJIxM/bSgnLwMBwBUBAQFLhDM1QgQBFRcUNiI0gkgoVCnjBg4HEQ8FTBESExIcXkAoXTEnSR8zSxYODxIQBAEDNqIJEQcjSSM5ZikbKxASEAM0KihoOwAAAgBVAAADqwNVACYAQQAAAQcGFBcWMj8BFRQWMzI2NRE0JicuASc4ATEuAScuASMhIgYVFBYzATc2NCcmIg8BNTQmIyIGFREUFjMhMjY1NCYjAxniDAwNIwziGRISGQICAQUDAwcEAwkE/wASGRkS/mfiDAwNIwziGRISGRkSAQASGRkSAwDiDCQMDQ3imRIZGRIBAAQIBAQHAwMEAgIBGRESGf1V4g0jDA0N4ZkRGRkR/wASGRkSERkAAAACAGIADAOeA0kAJgBOAAABNzY0JyYiDwE1NCYjIgYVERQWFx4BFzgBMR4BFx4BMyEyNjU0JiMBNxUUFjMyNjURNCYnLgEnMDQxLgEnLgEjISIGFRQWOwEHBhQXFjI3ArziDQ0MJAziGRIRGQECAQUDAwcEBAgEAQASGRkS/UniGRIRGQECAQUDAwcEBAgE/wASGRkSmeINDQwkDAIr4gwjDQwM4pkSGRkS/wAECQMEBwMDBQECAhkSEhn94uGZERkZEQEABQgEAwcDAQMEAgECGRIRGeINIw0MDAAAAQAAAAIAAKwEdEFfDzz1AAsEAAAAAADcTnOMAAAAANxOc4wAAP/hA+wDuAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAD7AABAAAAAAAAAAAAAAAAAAAAHAQAAAAAAAAAAAAAAAIAAAAEAABWBAAAVgQAAFUEAADWBAAAVQQAAFUEAACqBAAAqgQAANYEAADWBAAAgAQAAIAEAACABAAArgQAAKoEAACABAAA1gQAABQEAAAUBAAAFAQAABQEAABYBAAAVQQAAGIAAAAAAAoAFAAeAF4AmAD2ARABSAGAAZgB1AH6AiICbAKuAvoDPgOAA5wDuAQABMIFRAXQBlAGrgccAAAAAQAAABwAjAAJAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAIAAAABAAAAAAACAAcAgQABAAAAAAADAAIAdQABAAAAAAAEAAIAlgABAAAAAAAFAAsAVAABAAAAAAAGAAIAewABAAAAAAAKABoABgADAAEECQABAAQAAgADAAEECQACAA4AiAADAAEECQADAAQAdwADAAEECQAEAAQAmAADAAEECQAFABYAXwADAAEECQAGAAQAfQADAAEECQAKADQAIGxnAGwAZ0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALlZlcnNpb24gMi4wAFYAZQByAHMAaQBvAG4AIAAyAC4AMGxnAGwAZ2xnAGwAZ1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmxnAGwAZwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: lg !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-container {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.lg-next,
.lg-prev {
    background-color: #00000073;
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    outline: none;
    border: none
}

.lg-next.disabled,
.lg-prev.disabled {
    opacity: 0 !important;
    cursor: default
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
    color: #fff
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 20px
}

.lg-next:before {
    content: ""
}

.lg-prev {
    left: 20px
}

.lg-prev:after {
    content: ""
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -moz-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -moz-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-media-overlap .lg-toolbar {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .4)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    will-change: color;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    transition: color .2s linear;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lg-toolbar .lg-icon.lg-icon-18 {
    font-size: 18px
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: ""
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

.lg-toolbar .lg-maximize:after {
    content: ""
}

.lg-toolbar .lg-download:after {
    content: ""
}

.lg-sub-html {
    color: #eee;
    font-size: 16px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

.lg-sub-html a {
    color: inherit
}

.lg-sub-html a:hover {
    text-decoration: underline
}

.lg-media-overlap .lg-sub-html {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6))
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-error-msg {
    font-size: 14px;
    color: #999
}

.lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
    opacity: 0;
    -webkit-transition: -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
    -moz-transition: -moz-transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
    -webkit-transition: opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s;
    transition: opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -moz-transform .08 cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
    transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .08 cubic-bezier(0, 0, .25, 1) 0s
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
    opacity: 0;
    -moz-transform: scale3d(.5, .5, .5);
    -ms-transform: scale3d(.5, .5, .5);
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important;
    transition: opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important;
    -moz-transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1), -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1)
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-container {
    display: none;
    outline: none
}

.lg-on {
    scroll-behavior: unset
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer,
.lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: .001;
    outline: none;
    will-change: auto;
    overflow: hidden;
    -webkit-transition: opacity .15s ease 0s;
    -moz-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-zoom-from-image,
.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
    -webkit-transition-duration: inherit !important;
    -moz-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    -moz-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.lg-outer .lg-inner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
    white-space: nowrap
}

.lg-outer .lg-item {
    will-change: transform, opacity;
    display: none !important
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(data:image/gif;base64,R0lGODlhIAAgAPUAADExMf///zQ0NF9fX0JCQjw8PFZWVpiYmIGBgTc3N0RERDIyMoiIiJGRkUdHR2lpaXx8fD8/P3FxcUxMTMvLy7i4uLCwsJmZmXZ2dj09PcLCwqampvT09P///1dXV1xcXE9PT9ra2rKysuXl5cDAwG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) no-repeat scroll center center transparent
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.lg-outer .lg-img-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    font-size: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
    display: none
}

.lg-outer.lg-hide-download .lg-download {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-first-slide .lg-dummy-img {
    position: absolute;
    top: 50%;
    left: 50%
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    transform: translateZ(0);
    opacity: 1
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    opacity: 1;
    -webkit-transition: opacity .2s ease-out .15s;
    -moz-transition: opacity .2s ease-out .15s;
    transition: opacity .2s ease-out .15s
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    will-change: auto;
    -webkit-transition: opacity 333ms ease-in 0s;
    -moz-transition: opacity 333ms ease-in 0s;
    transition: opacity 333ms ease-in 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    -moz-transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s, -moz-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s, -moz-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -webkit-transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-container {
    display: none
}

.lg-container.lg-show {
    display: block
}

.lg-container.lg-dragging-vertical .lg-backdrop {
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: ""
}

.lg-components {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    -webkit-transition: -webkit-transform .35s ease-out 0s;
    -moz-transition: -moz-transform .35s ease-out 0s;
    transition: -webkit-transform .35s ease-out 0s;
    -moz-transition: transform .35s ease-out 0s, -moz-transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s, -webkit-transform .35s ease-out 0s, -moz-transform .35s ease-out 0s;
    z-index: 1080;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

body:after {
    content: "";
    background: rgba(15, 15, 22, .8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .8s ease 0s;
    -moz-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s;
    pointer-events: none;
    z-index: 149
}

.popup-show body:after {
    opacity: 1
}

.popup_show .popup__content {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px 0;
    pointer-events: none;
    -webkit-transition: visibility .8s ease 0s;
    -moz-transition: visibility .8s ease 0s;
    transition: visibility .8s ease 0s;
    visibility: hidden
}

.popup--server .popup__content {
    max-width: 654px
}

.popup--status .popup__content {
    max-width: 750px
}

.popup.popup_show {
    z-index: 100000;
    visibility: visible;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: auto
}

.popup__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 0 16px
}

.popup__content {
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    -moz-transition: transform .3s ease 0s, -moz-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s, -moz-transform .3s ease 0s;
    width: 100%;
    max-width: 540px;
    background: #1e1e1e;
    padding: 32px;
    position: relative;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .05);
    background: #0f0f16;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.lock .popup__content {
    visibility: visible
}

.popup__head:not(:last-child) {
    margin-bottom: 25px
}

.popup__title {
    font-size: 21px;
    text-align: center;
    font-weight: 700;
    line-height: 175%;
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
    margin: 0 auto
}

.popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 42px;
    height: 42px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 4px;
    outline: none;
    background: rgba(255, 251, 239, .03);
    z-index: 2
}

.popup__close:hover {
    background: rgba(255, 251, 239, .15)
}

.popup__history-items {
    max-height: 461px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 24px
}

.popup__history-items::-webkit-scrollbar {
    width: 2px;
    border-radius: 2px
}

.popup__history-items::-webkit-scrollbar-track {
    background: rgba(255, 251, 239, .05)
}

.popup__history-items::-webkit-scrollbar-thumb {
    background: rgba(255, 251, 239, .15);
    border-radius: 2px
}

.popup__history-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 13px;
    padding: 18px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 90px
}

.popup__history-item:not(:last-child) {
    border-bottom: 1px solid transparent;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 251, 239, 0)), color-stop(50.18%, rgba(255, 251, 239, .08)), to(rgba(255, 251, 239, 0))) 1;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(255, 251, 239, 0) 0%, rgba(255, 251, 239, .08) 50.18%, rgba(255, 251, 239, 0) 100%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(255, 251, 239, 0) 0%, rgba(255, 251, 239, .08) 50.18%, rgba(255, 251, 239, 0) 100%) 1;
    -o-border-image: linear-gradient(90deg, rgba(255, 251, 239, 0) 0%, rgba(255, 251, 239, .08) 50.18%, rgba(255, 251, 239, 0) 100%) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 251, 239, 0)), color-stop(50.18%, rgba(255, 251, 239, .08)), to(rgba(255, 251, 239, 0))) 1;
    border-image: linear-gradient(90deg, rgba(255, 251, 239, 0) 0%, rgba(255, 251, 239, .08) 50.18%, rgba(255, 251, 239, 0) 100%) 1
}

.popup__history-item:first-child {
    padding-top: 0
}

.popup__history-item:last-child {
    padding-bottom: 0
}

.popup__history-item-avatar {
    aspect-ratio: 1;
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 207, 38, .05)), to(rgba(255, 207, 38, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 207, 38, .05) 0%, rgba(255, 207, 38, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 207, 38, .05) 0%, rgba(255, 207, 38, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 207, 38, .05) 0%, rgba(255, 207, 38, 0) 100%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62px;
    -moz-box-flex: 0;
    flex: 0 0 62px;
    width: 62px
}

.popup__history-item-avatar.yellow {
    background: -webkit-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(255, 207, 38, .3) 0%, rgba(255, 207, 38, .03) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(255, 207, 38, .3) 0%, rgba(255, 207, 38, .03) 86.19%);
    background: radial-gradient(86.9% 85.91% at 50.32% 99.97%, rgba(255, 207, 38, .3) 0%, rgba(255, 207, 38, .03) 86.19%)
}

.popup__history-item-avatar.yellow:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(127, 106, 33)), to(rgba(127, 106, 33, 0)));
    background: -webkit-linear-gradient(bottom, rgb(127, 106, 33) 0%, rgba(127, 106, 33, 0) 100%);
    background: -moz-linear-gradient(bottom, rgb(127, 106, 33) 0%, rgba(127, 106, 33, 0) 100%);
    background: linear-gradient(0deg, rgb(127, 106, 33) 0%, rgba(127, 106, 33, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 8px;
    z-index: 2
}

.popup__history-item-avatar.red {
    background: -webkit-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(255, 51, 51, .3) 0%, rgba(255, 51, 51, .03) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(255, 51, 51, .3) 0%, rgba(255, 51, 51, .03) 86.19%);
    background: radial-gradient(86.9% 85.91% at 50.32% 99.97%, rgba(255, 51, 51, .3) 0%, rgba(255, 51, 51, .03) 86.19%)
}

.popup__history-item-avatar.red:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(131, 40, 40)), to(rgba(131, 40, 40, 0)));
    background: -webkit-linear-gradient(bottom, rgb(131, 40, 40) 0%, rgba(131, 40, 40, 0) 100%);
    background: -moz-linear-gradient(bottom, rgb(131, 40, 40) 0%, rgba(131, 40, 40, 0) 100%);
    background: linear-gradient(0deg, rgb(131, 40, 40) 0%, rgba(131, 40, 40, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 8px;
    z-index: 2
}

.popup__history-item-avatar.violet {
    background: -webkit-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(185, 70, 255, .3) 0%, rgba(185, 70, 255, .03) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(185, 70, 255, .3) 0%, rgba(185, 70, 255, .03) 86.19%);
    background: radial-gradient(86.9% 85.91% at 50.32% 99.97%, rgba(185, 70, 255, .3) 0%, rgba(185, 70, 255, .03) 86.19%)
}

.popup__history-item-avatar.violet:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(99, 49, 131)), to(rgba(99, 49, 131, 0)));
    background: -webkit-linear-gradient(bottom, rgb(99, 49, 131) 0%, rgba(99, 49, 131, 0) 100%);
    background: -moz-linear-gradient(bottom, rgb(99, 49, 131) 0%, rgba(99, 49, 131, 0) 100%);
    background: linear-gradient(0deg, rgb(99, 49, 131) 0%, rgba(99, 49, 131, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 8px;
    z-index: 2
}

.popup__history-item-avatar.blue {
    background: -webkit-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(70, 111, 255, .3) 0%, rgba(70, 111, 255, .03) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(70, 111, 255, .3) 0%, rgba(70, 111, 255, .03) 86.19%);
    background: radial-gradient(86.9% 85.91% at 50.32% 99.97%, rgba(70, 111, 255, .3) 0%, rgba(70, 111, 255, .03) 86.19%)
}

.popup__history-item-avatar.blue:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(48, 66, 130)), to(rgba(48, 66, 130, 0)));
    background: -webkit-linear-gradient(bottom, rgb(48, 66, 130) 0%, rgba(48, 66, 130, 0) 100%);
    background: -moz-linear-gradient(bottom, rgb(48, 66, 130) 0%, rgba(48, 66, 130, 0) 100%);
    background: linear-gradient(0deg, rgb(48, 66, 130) 0%, rgba(48, 66, 130, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 8px;
    z-index: 2
}

.popup__history-item-avatar.white {
    background: -webkit-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, .02) 86.19%);
    background: -moz-radial-gradient(50.32% 99.97%, 86.9% 85.91%, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, .02) 86.19%);
    background: radial-gradient(86.9% 85.91% at 50.32% 99.97%, rgba(255, 251, 239, .15) 0%, rgba(255, 251, 239, .02) 86.19%)
}

.popup__history-item-avatar.white:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(91, 90, 87)), to(rgba(91, 90, 87, 0)));
    background: -webkit-linear-gradient(bottom, rgb(91, 90, 87) 0%, rgba(91, 90, 87, 0) 100%);
    background: -moz-linear-gradient(bottom, rgb(91, 90, 87) 0%, rgba(91, 90, 87, 0) 100%);
    background: linear-gradient(0deg, rgb(91, 90, 87) 0%, rgba(91, 90, 87, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 8px;
    z-index: 2
}

.popup__history-item-avatar img {
    max-width: -webkit-calc(100% - 10px);
    max-width: -moz-calc(100% - 10px);
    max-width: calc(100% - 10px);
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center
}

.popup__history-item-info {
    word-break: break-word;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    flex: 1 1 100%;
    min-width: 0
}

.popup__history-item-name {
    font-weight: 700;
    line-height: 175%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup__history-item-descr {
    font-size: 14px;
    line-height: 175%
}

.popup__history-item-descr b {
    font-weight: 400;
    color: #fffbef99
}

.popup__history-item-descr span.pc {
    color: #fffbef66;
    position: relative;
    margin-left: 8px;
    padding-left: 12px
}

.popup__history-item-descr span.pc:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255, 251, 239, .4);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup__history-item-status {
    aspect-ratio: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 5px;
    position: relative;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-gr), .1)), to(rgba(var(--color-gr), 0)));
    background: -webkit-linear-gradient(top, rgba(var(--color-gr), .1) 0%, rgba(var(--color-gr), 0) 100%);
    background: -moz-linear-gradient(top, rgba(var(--color-gr), .1) 0%, rgba(var(--color-gr), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--color-gr), .1) 0%, rgba(var(--color-gr), 0) 100%)
}

.popup__history-item-status:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-gr), .5)), to(rgba(var(--color-gr), 0)));
    background: -webkit-linear-gradient(bottom, rgba(var(--color-gr), .5) 0%, rgba(var(--color-gr), 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(var(--color-gr), .5) 0%, rgba(var(--color-gr), 0) 100%);
    background: linear-gradient(0deg, rgba(var(--color-gr), .5) 0%, rgba(var(--color-gr), 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    border-radius: 4px
}

.popup__history-item-status img {
    max-width: 100%
}

.popup__history-item-status {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 max-content;
    -moz-box-flex: 1;
    flex: 1 1 max-content
}

.popup__history-buttons {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 4px
}

.popup__history-button {
    height: 100%;
    padding: 0 11px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    flex: 1 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    overflow: hidden
}

.popup__history-button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    transition: .15s
}

.popup__history-button.sell {
    border-radius: 12px 2px 2px 12px;
    background: -webkit-radial-gradient(50% 50%, 87.25% 86.25%, rgba(255, 179, 32, 0) 41.11%, rgba(255, 179, 32, .2) 100%), rgba(255, 179, 32, .1);
    background: -moz-radial-gradient(50% 50%, 87.25% 86.25%, rgba(255, 179, 32, 0) 41.11%, rgba(255, 179, 32, .2) 100%), rgba(255, 179, 32, .1);
    background: radial-gradient(87.25% 86.25% at 50% 50%, rgba(255, 179, 32, 0) 41.11%, rgba(255, 179, 32, .2) 100%), rgba(255, 179, 32, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.popup__history-button.sell img {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
    -moz-box-flex: 0;
    flex: 0 0 16px
}

.popup__history-button.sell span {
    font-family: Gotham Pro;
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.popup__history-button.take {
    border-radius: 2px 12px 12px 2px;
    background: -webkit-radial-gradient(50% 50%, 76.76% 71.25%, rgba(196, 255, 87, 0) 41.11%, rgba(196, 255, 87, .15) 100%), rgba(196, 255, 87, .1);
    background: -moz-radial-gradient(50% 50%, 76.76% 71.25%, rgba(196, 255, 87, 0) 41.11%, rgba(196, 255, 87, .15) 100%), rgba(196, 255, 87, .1);
    background: radial-gradient(76.76% 71.25% at 50% 50%, rgba(196, 255, 87, 0) 41.11%, rgba(196, 255, 87, .15) 100%), rgba(196, 255, 87, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer
}

.popup__history-button.single {
    height: 40px;
    cursor: help;
    border-radius: 12px
}

.popup__history-button.single.sell {
    border: 1px solid rgba(255, 179, 32, .1);
    background: rgba(255, 179, 32, .1)
}

.popup__history-button.single.take {
    border: 1px solid rgba(196, 255, 87, .1);
    background: rgba(196, 255, 87, .1)
}

.popup__history-item-status--received {
    --color-gr: 130, 255, 32
}

.popup__history-item-status--sold {
    --color-gr: 255, 179, 32
}

.popup__payments-items,
.popup__server-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.popup__server-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(255, 251, 239, .1);
    background: rgba(255, 251, 239, .02);
    padding: 16px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: -webkit-calc(33.33% - 8px);
    width: -moz-calc(33.33% - 8px);
    width: calc(33.33% - 8px);
    gap: 8px;
    cursor: pointer
}

.popup__server-item:hover {
    background: rgba(255, 251, 239, .05)
}

.popup__server-item.active {
    background: rgba(255, 251, 239, .1);
    border-color: transparent
}

.popup__method-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(255, 251, 239, .1);
    background: rgba(255, 251, 239, .02);
    padding: 12px 24px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: -webkit-calc(50% - 8px);
    width: -moz-calc(50% - 8px);
    width: calc(50% - 8px);
    gap: 18px;
    cursor: pointer;
    position: relative;
    -webkit-background-size: 270% 270%;
    background-size: 270%
}

.popup__method-item.with-bonus {
    background-image: -webkit-linear-gradient(330deg, rgba(255, 251, 239, .02) 50%, rgba(255, 255, 255, .15) 55%, rgba(255, 251, 239, .02) 65%);
    background-image: -moz-linear-gradient(330deg, rgba(255, 251, 239, .02) 50%, rgba(255, 255, 255, .15) 55%, rgba(255, 251, 239, .02) 65%);
    background-image: linear-gradient(120deg, rgba(255, 251, 239, .02) 50%, rgba(255, 255, 255, .15) 55%, rgba(255, 251, 239, .02) 65%);
    -webkit-animation: animateBg cubic-bezier(.66, .34, .77, .54) 2.5s infinite;
    -moz-animation: animateBg cubic-bezier(.66, .34, .77, .54) 2.5s infinite;
    animation: animateBg cubic-bezier(.66, .34, .77, .54) 2.5s infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s
}

.popup__method-item:hover {
    background: rgba(255, 251, 239, .05)
}

.popup__method-item.active {
    background: rgba(255, 251, 239, .1)
}

.popup__method-bonus {
    position: absolute;
    color: #fff;
    text-shadow: 0px 0px 16.5px rgba(0, 0, 0, .65);
    font-family: Gotham Pro;
    font-size: 10px;
    font-weight: 700;
    right: 0;
    top: 0;
    border-radius: 0 3px 0 10px;
    background: -webkit-radial-gradient(59.52% 110.53%, 61.37% 139.13%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), #ff7c01;
    background: -moz-radial-gradient(59.52% 110.53%, 61.37% 139.13%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), #ff7c01;
    background: radial-gradient(61.37% 139.13% at 59.52% 110.53%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), #ff7c01;
    height: 19px;
    padding: 0 7px;
    -webkit-background-size: 270% 270%;
    background-size: 270%;
    background-color: #fb7a01;
    background-image: -webkit-linear-gradient(330deg, #fb7a01 50%, #e9c099 55%, #fb7a01 65%);
    background-image: -moz-linear-gradient(330deg, #fb7a01 50%, #e9c099 55%, #fb7a01 65%);
    background-image: linear-gradient(120deg, #fb7a01 50%, #e9c099 55%, #fb7a01 65%);
    -webkit-animation: animateBg cubic-bezier(.66, .34, .77, .54) 2.5s infinite;
    -moz-animation: animateBg cubic-bezier(.66, .34, .77, .54) 2.5s infinite;
    animation: animateBg cubic-bezier(.66, .34, .77, .54) 2.5s infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
    line-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.popup__method-item-icon {
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.popup__method-item-icon svg,
.popup__method-item-icon img {
    width: 100%;
    height: 100%
}

.popup__method-item-name {
    color: #fffbef;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup__method-item-addt {
    color: #fffbef99;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%
}

.popup__server-item-icon {
    width: 38px;
    height: 38px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.popup__server-item-icon svg,
.popup__server-item-icon img {
    width: 100%;
    height: 100%
}

.popup__server-item-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%
}

.popup__server-item-addt {
    font-size: 10px;
    font-weight: 300;
    line-height: 140%
}

.popup-payments-methods .popup__content {
    max-width: 685px
}

.popup-payments-methods .popup__content .block {
    max-width: -webkit-calc(100% - 42px);
    max-width: -moz-calc(100% - 42px);
    max-width: calc(100% - 42px)
}

@-webkit-keyframes animateBg {
    0% {
        background-position: 0%
    }

    30% {
        background-position: 115%
    }

    to {
        background-position: 115%
    }
}

@-moz-keyframes animateBg {
    0% {
        background-position: 0%
    }

    30% {
        background-position: 115%
    }

    to {
        background-position: 115%
    }
}

@keyframes animateBg {
    0% {
        background-position: 0%
    }

    30% {
        background-position: 115%
    }

    to {
        background-position: 115%
    }
}

.popup-prize {
    padding: 0
}

.popup-prize .popup__content {
    max-width: 744px;
    border: none;
    padding: 0 10px 30px;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.popup-prize .popup__content:after {
    display: none
}

.popup-prize .popup__wrapper {
    padding: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start
}

.popup-prize__wrap {
    padding: 113px 0 0;
    position: relative
}

.popup-prize__wrap--violet {
    --color-label: #cf73ff;
    --color-gradient: 185, 70, 255
}

.popup-prize__decor {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.popup-prize__inner {
    position: relative;
    z-index: 2
}

.popup-prize__image-wrap {
    position: relative;
    z-index: -1;
    margin-bottom: 25px;
    padding-top: 152px;
    width: 100%
}

.popup-prize__decor-image {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    max-width: 500px;
    width: 100%
}

.popup-prize__decor-image svg {
    width: 100%
}

.popup-prize__decor-image .color-stop {
    stop-color: rgb(var(--color-gradient))
}

.popup-prize__decor-image .rect {
    fill: rgba(var(--color-gradient))
}

.popup-prize__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    max-width: 250px;
    max-height: 250px;
    margin: 0 auto;
    width: 100%
}

.popup-prize__image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup-prize__label {
    margin-bottom: 14px;
    text-align: center;
    color: var(--color-label);
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    line-height: 140%
}

.popup-prize__title {
    text-align: center;
    font-size: 64px;
    font-style: italic;
    font-weight: 900;
    line-height: 110%
}

.popup-prize__title:not(:last-child) {
    margin-bottom: 57px
}

.popup-prize__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 28px;
    position: relative;
    z-index: 2
}

.popup-prize__buttons .button {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

.popup-status__description {
    color: #fffbef66;
    line-height: 175%;
    margin-bottom: 32px
}

.popup-status__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px
}

.popup-status__item {
    padding: 32px 24px;
    position: relative;
    border-radius: 8px
}

.popup-status__item--default {
    border: 1px solid rgba(255, 251, 239, .1);
    background: rgba(255, 251, 239, .02)
}

.popup-status__item--default .popup-status__item-bottom ul p {
    opacity: .6
}

.popup-status__item--default .popup-status__item-bottom ul li:before {
    background: url(/images/svg/not.svg) center/contain no-repeat
}

.popup-status__item--premium {
    border: 1px solid #ffb800;
    background: rgba(255, 184, 0, .1)
}

.popup-status__item--premium .popup-status__item-bottom ul li:before {
    background: url(/images/svg/yes.svg) center/contain no-repeat
}

.popup-status__item-top {
    text-align: center
}

.popup-status__item-label {
    margin-bottom: 4px;
    color: #fffbef66;
    font-size: 14px;
    line-height: 120%
}

.popup-status__item-name {
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px
}

.popup-status__item-image {
    height: 54px;
    margin-bottom: 36px
}

.popup-status__item-image img {
    max-width: 100%;
    max-height: 100%
}

.popup-status__item-price {
    font-weight: 500;
    margin-bottom: 24px
}

.popup-status__item-price p {
    vertical-align: bottom;
    display: inline-block;
    padding-bottom: 2px
}

.popup-status__item-price b {
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%
}

.popup-status__item-price span {
    color: #fffbef66
}

.popup-status__item-bottom {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.popup-status__item-bottom ul {
    color: #fffbef99;
    display: grid;
    gap: 12px;
    font-size: 14px
}

.popup-status__item-bottom ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    gap: 8px
}

.popup-status__item-bottom ul li:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.popup-status__item-bottom ul b {
    color: var(--primary);
    font-weight: 500
}

.popup-status__item-tag {
    position: absolute;
    top: 14px;
    right: 10px;
    padding: 5px 13.5px;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%
}

.popup-status__item-tag:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ff2424;
    z-index: -1;
    border-radius: 4px;
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    transform: skew(-6deg)
}

#prize-cost {
    will-change: transform
}

#popup-history .popup__title {
    margin: 0;
    text-align: start
}

.hidden {
    display: none
}

.custom-error {
    height: auto;
    min-height: 50px;
    text-align: center;
    font-weight: 400;
    border-color: #ff393966
}

.popup__history-item-avatar img {
    -o-object-position: center;
    object-position: center
}

.popup__history-item-name a {
    color: #ec2b1d
}

#popup-info-text {
    text-align: center;
    font-size: 11pt
}

body.lock {
    overflow: hidden
}

@media only screen and (min-width: 700px) {
    .g-recaptcha {
        -webkit-transform: scale(1.23);
        -moz-transform: scale(1.23);
        -ms-transform: scale(1.23);
        transform: scale(1.23);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media (min-width: 767.98px) {
    .cabinet__info-user {
        text-align: center;
        padding: 24px
    }

    .cabinet__info-user-id.mob {
        display: none
    }

    .news-page .news-page__last .item:nth-child(1) {
        grid-column: 1/2;
        grid-row: 1/3
    }

    .news-page .news-page__last .item:nth-child(2) {
        grid-column: 2/3;
        grid-row: 1/2
    }

    .news-page .news-page__last .item:nth-child(3) {
        grid-column: 2/3;
        grid-row: 2/3
    }

    .page-roulette__loto-item-image img {
        max-width: 140px
    }

    .popup__title--left {
        text-align: left;
        margin-left: 0
    }

    .mob {
        display: none
    }
}

@media (min-width: 1199.98px) {

    .header__right-mob,
    .menu__mob,
    .cabinet__mob-menu {
        display: none
    }
}

@media (min-width: 1200px) and (max-height: 690px) {
    .giveaway .info__content .info-center__image {
        display: none
    }

    .giveaway .info__content .info-center__stats {
        margin-top: 0
    }
}

@media (min-width: 1200px) and (max-height: 785px) {
    .giveaway .info__content .info-bottom__title {
        display: none
    }

    .giveaway .info__content .info-bottom__field {
        margin: 0
    }

    .giveaway .info__content .info-center .end-timer {
        display: none
    }
}

@media (min-width: 1200px) and (max-height: 910px) {

    .giveaway .info__content .info-center__description,
    .giveaway .info__content .info-bottom__sub-title {
        display: none
    }
}

@media (max-width: 1599.98px) {
    .auth__image-left {
        max-width: 40vw
    }

    .auth__image-right {
        max-width: 35vw;
        right: -5%
    }

    .popup-prize__wrap {
        padding-top: 60px
    }
}

@media (max-width: 1399px) {
    .header__right {
        gap: 30px
    }

    .cabinet__card-code {
        font-size: 20px
    }

    .cabinet__skill {
        padding: 18px 10px
    }

    .cabinet__info {
        grid-template-columns: 243px auto
    }

    .cabinet__info-value {
        font-size: 18px
    }
}

@media (max-width: 1346px) and (max-width: 992px),
(max-width: 1346px) and (min-width: 1199.98px) {
    .page-roulette__actions-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }

    .page-roulette__buttons {
        max-width: 520px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page-roulette__toggle-round,
    .page-roulette__toggle-speed {
        position: static;
        top: initial;
        left: initial;
        right: initial;
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        transform: initial;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

@media (max-width: 1335px) {
    .giveaway .prizes__custom-container {
        max-width: 716px
    }

    .giveaway .prizes__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .giveaway .info__content {
        width: 436px
    }
}

@media (max-width: 1240px) {
    .giveaway .preview__custom-container {
        padding: 0 25px
    }

    .giveaway .info {
        width: 100%;
        position: static;
        padding-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .giveaway .info__content {
        max-width: 535px;
        width: auto
    }

    .giveaway .prizes {
        padding: 35px 25px 0
    }

    .giveaway .prizes__custom-container {
        width: 100%;
        max-width: 100%;
        padding-top: 30px
    }

    .giveaway .prizes__list {
        grid-template-columns: repeat(3, 1fr)
    }

    .giveaway .how-it-work__custom-container {
        padding: 54px 38px 34px 58px
    }

    .giveaway .how-it-work__steps .item {
        padding: 42px 18px 18px
    }

    .giveaway .how-it-work__steps .item__bottom img {
        width: 56%
    }
}

@media (max-width: 1199.98px) {
    .header {
        padding: 51px 0 20px
    }

    .header._header-scroll {
        padding-top: 24px
    }

    .header__logo {
        margin-right: 0;
        max-width: 92px
    }

    .header__right {
        display: none
    }

    .header__lang .select__options {
        padding-bottom: 15px
    }

    .menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0f0f16;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        padding: 160px 30px 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
        overflow-y: auto;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translate(-100%)
    }

    .menu-open .menu {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0)
    }

    .menu__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        gap: 32px
    }

    .header__button-menu-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .footer.footer--cabinet {
        padding-bottom: 120px
    }

    .footer__top {
        gap: 32px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__logo {
        max-width: 100px
    }

    .footer__menu {
        gap: 42px
    }

    .footer__socials {
        max-width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .title {
        font-size: 32px
    }

    .title .text-gradient {
        font-size: 48px
    }

    .select_lang .select__title {
        padding: 0 24px
    }

    .main-block__image {
        width: 110vw;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%);
        max-width: 1100px
    }

    .main-block__image img {
        max-width: 100%;
        height: auto;
        width: 100%
    }

    .main-block__image--active {
        -webkit-transform: translate(-50%, -1%);
        -moz-transform: translate(-50%, -1%);
        -ms-transform: translate(-50%, -1%);
        transform: translate(-50%, -1%)
    }

    .main-block__title {
        font-size: 48px
    }

    .main-block__bottom {
        margin-top: 50vw
    }

    .main-block__servers {
        grid-template-columns: repeat(2, 1fr)
    }

    .why__container .title:not(:last-child) {
        margin-bottom: 42px
    }

    .why__item {
        gap: 16px
    }

    .why__item-content {
        padding: 28px;
        width: 55%
    }

    .why__item-title {
        font-size: 24px
    }

    .gallery {
        --gap: 16px;
        padding: 53px 0 105px
    }

    .gallery__head-image {
        margin-bottom: -2px;
        max-width: 200px
    }

    .gallery__title {
        padding: 10px 0
    }

    .gallery__top-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        gap: 0px
    }

    .gallery__first-block {
        width: 100%;
        grid-template-columns: 52.743902439% auto
    }

    .gallery__first-block .gallery__image {
        height: auto;
        width: 100%;
        max-height: 200px
    }

    .how {
        padding: 53px 0
    }

    .how__container .title:not(:last-child) {
        margin-bottom: 20px
    }

    .how__row {
        gap: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    .how__image {
        width: 100%;
        max-width: 500px;
        margin: 0 auto
    }

    .how__requirements-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px
    }

    .how__requirements-block.w-100 {
        grid-column: 1/2
    }

    .cabinet__row {
        grid-template-columns: auto;
        gap: 12px
    }

    .cabinet__aside {
        padding: 0;
        background: none
    }

    .cabinet__aside {
        position: relative;
        top: 0
    }

    .cabinet__aside:before {
        display: none
    }

    .cabinet__aside-current-server {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin-bottom: 42px
    }

    .cabinet__aside-block,
    .cabinet__aside-logout {
        display: none
    }

    .cabinet__card-code {
        font-size: 18px
    }

    .cabinet__additional-info-text {
        font-size: 16px
    }

    .cabinet__additional-info-text b {
        font-size: 18px
    }

    .cabinet__skill-lines {
        gap: clamp(2px, .5vw, 6px)
    }

    .cabinet__skill-line {
        width: clamp(.5px, .2vw, 3px)
    }

    .cabinet__info-items {
        grid-template-columns: repeat(2, 1fr)
    }

    .news__container .title:not(:last-child) {
        margin-bottom: 42px
    }

    .news-page .content {
        padding-top: 65px
    }

    .news-page .title .small {
        font-size: 34px
    }

    .news-page .sub-title {
        font-size: 16px;
        max-width: 100%
    }

    .news-page .news-page__last {
        padding-bottom: 64px
    }

    .news-page .news-page__last .list {
        grid-template-columns: -webkit-calc(60% - 9px) -webkit-calc(40% - 9px);
        grid-template-columns: -moz-calc(60% - 9px) -moz-calc(40% - 9px);
        grid-template-columns: calc(60% - 9px) calc(40% - 9px);
        grid-template-rows: repeat(2, 200px);
        gap: 18px
    }

    .news-page .news-page__last .item {
        border-radius: 15px;
        padding: 25px
    }

    .news-page .news-page__last .item:nth-child(1) {
        padding: 25px;
        border-radius: 20px
    }

    .news-page__list {
        padding-bottom: 105px
    }

    .news-page__list-items {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px
    }

    .page-roulette__title {
        font-size: 38px
    }

    .page-roulette__drop-item {
        width: -webkit-calc(25% - 15px);
        width: -moz-calc(25% - 15px);
        width: calc(25% - 15px)
    }

    .page-roulette__decor-line {
        width: 220px
    }

    .roulette-type.horizontal:before,
    .roulette-type.horizontal:after {
        width: 110px
    }

    .giveaway .preview__bottom:before {
        display: none
    }

    .auth__image-left {
        left: -7%;
        top: 30%
    }

    .auth__image-right {
        right: -7%;
        top: 20%
    }

    .auth__wrap {
        padding: 28px 24px;
        max-width: 370px
    }

    .auth__tabs-title {
        font-size: 12px;
        padding: 10px 5px
    }

    .cabinet-ownership__blocks {
        grid-template-columns: repeat(1, 1fr);
        gap: 35px
    }

    .cabinet-ownership__block:not(.w-50) {
        grid-column: 1/2
    }

    .cabinet-rating__title {
        font-size: 32px
    }

    .cabinet-rating__place-items {
        gap: 24px
    }

    .cabinet-rating__place-image {
        margin-bottom: 24px
    }

    .cabinet-rating__place-name {
        font-size: 20px
    }

    .cabinet-rating__place-money,
    .cabinet-rating__table td {
        font-size: 14px
    }

    .donate__content {
        max-width: 400px
    }

    .donate__image {
        margin-right: -100px;
        margin-left: -50px;
        -webkit-transform: translate(0, -5%);
        -moz-transform: translate(0, -5%);
        -ms-transform: translate(0, -5%);
        transform: translateY(-5%)
    }

    .premium__crown--1 {
        width: 15vw
    }

    .premium__crown--2 {
        width: 20vw
    }

    .premium__info {
        width: 170px;
        padding: 8px
    }

    .premium__info--1 {
        left: 10px;
        top: 0
    }

    .premium__info--2 {
        bottom: 200px
    }

    .premium__info--3 {
        right: 0;
        top: 10px
    }

    .premium__info--4 {
        right: 10px;
        bottom: 200px
    }

    .premium__info-number {
        font-size: 10px
    }

    .premium__info-text {
        font-size: 12px
    }

    .case__row {
        gap: 12px;
        grid-template-columns: 1fr
    }

    .case__grid2,
    .case__grid {
        gap: 12px
    }

    .case-item {
        padding: 40px 12px 12px
    }

    .case-item__name {
        font-size: 16px
    }

    .case-item__price {
        min-width: 82px;
        padding: 8px
    }

    .case-item__price-current {
        font-size: 14px
    }

    .case-item__price-current img {
        width: 18px;
        height: 18px
    }

    .case-item__price-old {
        font-size: 10px
    }

    .case-item-v2__price {
        padding: 8px;
        min-width: 82px
    }

    .case-item-v2__price-current {
        font-size: 14px
    }

    .case-item-v2__price-current img {
        width: 18px;
        height: 18px
    }

    .case-item-v2__price-old {
        font-size: 10px
    }

    .popup-prize__label {
        font-size: 24px
    }

    .popup-prize__title {
        font-size: 48px
    }

    .popup-prize__title:not(:last-child) {
        margin-bottom: 30px
    }

    .pc {
        display: none
    }
}

@media (max-width: 1199.8px) {
    .giveaway {
        padding: 143px 0 0
    }
}

@media (max-width: 1160px) {
    .register {
        overflow: auto;
        background: #0f0f0f
    }

    .register::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, .02)
    }

    .register::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .1)
    }

    .register::-webkit-scrollbar {
        width: 3px;
        border-radius: 2px
    }

    .register.active {
        display: block
    }

    .register__container {
        margin: 0;
        padding: 0;
        width: 100%;
        grid-template-columns: 1fr
    }

    .register .close-btn {
        right: 22px;
        top: 22px;
        width: 36px;
        height: 36px
    }

    .register .close-btn svg {
        width: 15px;
        height: 15px
    }

    .register__right {
        display: none
    }

    .register__left {
        border-right: none !important;
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content
    }

    .register .rl {
        padding: 35px 21px 35px 24px;
        overflow: auto
    }

    .register .rl__step {
        font-size: 12px
    }

    .register .rl__title {
        padding-top: 15px;
        font-size: 20px
    }

    .register .rl__sub-title {
        font-size: 12px;
        max-width: 100%
    }

    .register .rl__fields-container {
        margin-top: 10px;
        overflow: initial
    }

    .register .rl__fields-container:before,
    .register .rl__fields-container:after {
        display: none
    }

    .register .rl__fields {
        width: 100%;
        padding: 24px 0 0;
        gap: 17px;
        max-width: 450px;
        margin: 0 auto
    }

    .register .rl__title,
    .register .rl__sub-title,
    .register .rl__step,
    .register .rl__fields {
        max-width: 450px;
        margin: 0 auto
    }

    .register .rl .rl-field__label {
        font-size: 12px;
        padding-bottom: 5px
    }

    .register .rl .rl-field__input {
        height: 54px
    }

    .register .rl .rl-field.show-power {
        margin-bottom: 26px
    }

    .register .rl .rl-field .rl-select .selected {
        padding: 0 15px;
        height: 52px
    }

    .register .rl .rl-field .rl-select .selected .content {
        gap: 10px
    }

    .register .rl .rl-field .rl-select .selected .content span {
        font-size: 14px
    }

    .register .rl .rl-field .rl-select .selected .content img {
        width: 24px;
        height: 24px
    }

    .register .rl .rl-field .rl-select .selected .content.placeholder {
        font-size: 14px
    }

    .register .rl .rl-field .rl-select .selected .arrow {
        width: 18px;
        height: 18px
    }

    .register .rl .rl-field .rl-select .s-popup {
        margin-top: 5px
    }

    .register .rl .rl-field .rl-select .s-popup .s-option {
        height: 52px;
        padding: 0 15px
    }

    .register .rl .rl-field .rl-select .s-popup .s-option__left {
        gap: 10px
    }

    .register .rl .rl-field .rl-select .s-popup .s-option__left img {
        width: 24px;
        height: 24px
    }

    .register .rl .rl-field .rl-select .s-popup .s-option__left span {
        font-size: 12px
    }

    .register .rl .rl-field .rl-select .s-popup .s-option .s-label {
        height: 24px;
        padding: 0 12px;
        font-size: 10px
    }

    .register .rl .rl-field .rl-select .s-popup .s-option .s-label span {
        display: none
    }

    .register .rl .rl-field .rl-input svg {
        width: 18px;
        height: 18px;
        left: 17px
    }

    .register .rl .rl-field .rl-input input {
        font-size: 14px;
        padding: 0 16px 0 48px;
        text-overflow: ellipsis
    }

    .register .rl .rl-field .rl-input__password-label {
        font-size: 12px
    }

    .register .rl .rl-field .rl-input__password-power {
        top: 88px
    }

    .register .rl .rl-field .rl-input__password-label {
        padding-top: 6px
    }

    .register .rl .rl-field .rl-switcher .btn {
        height: 46px;
        gap: 6px
    }

    .register .rl .rl-field .rl-switcher .btn span {
        font-size: 14px
    }

    .register .rl .rl-field .rl-switcher .btn svg {
        z-index: 1;
        width: 14px;
        height: 14px
    }

    .register .rl__register-btn {
        height: 52px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 52px;
        -moz-box-flex: 0;
        flex: 0 0 52px
    }

    .register .rl__register-btn span {
        font-size: 14px
    }

    .register .system {
        padding: 18px
    }

    .register .system__title {
        font-size: 12px
    }

    .register .system__sub-title {
        padding-top: 15px;
        font-size: 12px
    }

    .register .system__val {
        font-size: 14px;
        padding-top: 6px
    }

    .register .download-launcher-btn {
        height: 52px;
        -webkit-box-flex: 52px !important;
        -webkit-flex: 52px 0 0 !important;
        -moz-box-flex: 52px !important;
        flex: 52px 0 0 !important;
        gap: 6px !important;
        gap: 8px
    }

    .register .download-launcher-btn span {
        font-size: 14px !important
    }

    .register .download-launcher-btn img {
        width: 18px;
        height: 18px
    }

    .register .operation-system {
        display: none
    }

    .register .only-for-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .register .rr__video {
        padding: 19px
    }

    .register .rr__video .v-video {
        height: auto
    }
}

@media (max-width: 1153.8px) {
    .concurs-tooltip.with-cookie {
        bottom: 109px
    }
}

@media (max-width: 1070px) {
    .page-roulette__decor-line {
        width: 180px
    }
}

@media (max-width: 1050px) {
    .donate__image {
        -webkit-transform: translate(0, 0%);
        -moz-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
        transform: translate(0)
    }
}

@media (max-width: 900px) {
    .page-roulette__decor-line {
        width: 160px
    }

    .giveaway {
        padding: 120px 0 0
    }

    .giveaway .preview__custom-container {
        padding: 0
    }

    .giveaway .preview__banner {
        border-radius: 0;
        height: 41.91vw
    }

    .giveaway .preview__bottom {
        border-radius: 0;
        height: 52px;
        padding: 0;
        margin: 0
    }

    .giveaway .preview__logos {
        -webkit-animation: giveaway-logos 15s linear 0s infinite;
        -moz-animation: giveaway-logos 15s linear 0s infinite;
        animation: giveaway-logos 15s linear 0s infinite
    }

    .giveaway .preview__3-years-logo,
    .giveaway .preview__mta-logo {
        height: 29px
    }

    .giveaway .preview__and-logo {
        height: 14px
    }

    .giveaway .prizes {
        padding-top: 16px
    }

    .giveaway .info__content {
        border-radius: 12px;
        padding: 23px 23px 24px
    }

    .giveaway .info .info-top {
        padding-bottom: 24px
    }

    .giveaway .info .info-top__left {
        font-size: 12px
    }

    .giveaway .info .info-top__right .social-btn {
        width: 32px;
        height: 32px
    }

    .giveaway .info .info-top__right .social-btn img {
        width: 16px;
        height: 16px
    }

    .giveaway .info .info-top__right .youtube-btn {
        height: 32px;
        border-radius: 30px;
        padding: 0 20px 0 16px;
        gap: 5px
    }

    .giveaway .info .info-top__right .youtube-btn img {
        width: 16px;
        height: 16px
    }

    .giveaway .info .info-top__right .youtube-btn span {
        font-size: 12px
    }

    .giveaway .info .info-center {
        padding-top: 17px
    }

    .giveaway .info .info-center__image img {
        height: 72px
    }

    .giveaway .info .info-center__description {
        font-size: 12px;
        padding-top: 12px
    }

    .giveaway .info .info-center__stats {
        margin-top: 18px;
        padding: 14px 18px
    }

    .giveaway .info .info-center__stats .tickets {
        padding-right: 27px
    }

    .giveaway .info .info-center__stats .tickets div:first-child {
        gap: 6px
    }

    .giveaway .info .info-center__stats .tickets div:first-child img {
        width: 16px;
        height: 16px
    }

    .giveaway .info .info-center__stats .tickets div:first-child span {
        font-size: 18px
    }

    .giveaway .info .info-center__stats .tickets div:last-child {
        font-size: 12px
    }

    .giveaway .info .info-center__stats .community {
        padding-left: 16px
    }

    .giveaway .info .info-center__stats .community div:first-child {
        gap: 6px
    }

    .giveaway .info .info-center__stats .community div:first-child img {
        width: 16px;
        height: 16px
    }

    .giveaway .info .info-center__stats .community div:first-child span {
        font-size: 18px
    }

    .giveaway .info .info-center__stats .community div:last-child {
        font-size: 12px
    }

    .giveaway .info .info-center__take {
        padding-top: 16px;
        padding-bottom: 33px
    }

    .giveaway .info .info-center__take .take-btn {
        font-size: 12px
    }

    .giveaway .info .info-center__take .end-timer {
        padding-top: 25px
    }

    .giveaway .info .info-center__take .end-timer div:first-child {
        font-size: 12px
    }

    .giveaway .info .info-center__take .end-timer div:last-child {
        gap: 3px;
        -webkit-transition: .1s;
        -moz-transition: .1s;
        transition: .1s
    }

    .giveaway .info .info-center__take .end-timer div:last-child img {
        width: 16px;
        height: 16px
    }

    .giveaway .info .info-center__take .end-timer div:last-child span {
        font-size: 12px
    }

    .giveaway .info .info-bottom__title {
        font-size: 16px
    }

    .giveaway .info .info-bottom__sub-title {
        font-size: 12px
    }

    .giveaway .info .info-bottom .field {
        height: 54px;
        border-radius: 50px
    }

    .giveaway .info .info-bottom .field input {
        padding: 0 55px 0 75px;
        font-size: 13px
    }

    .giveaway .info .info-bottom .field button {
        width: 42px;
        height: 42px;
        right: 5px
    }

    .giveaway .info .info-bottom .field button img {
        width: 16px;
        height: 16px
    }

    .giveaway .info .info-bottom .field .icon-server-select {
        top: 5px;
        left: 5px
    }

    .giveaway .info .info-bottom .field .icon-server-select__selected {
        height: 42px;
        width: 60px;
        gap: 4px
    }

    .giveaway .info .info-bottom .field .icon-server-select__selected img {
        width: 16px
    }

    .giveaway .info .info-bottom .field .icon-server-select__selected svg {
        width: 16px;
        height: 16px
    }

    .giveaway .info .info-bottom .field .icon-server-select__popup-container {
        width: 52px
    }

    .giveaway .info .info-bottom .field .icon-server-select__popup {
        margin-bottom: 57px
    }

    .giveaway .info .info-bottom .field .icon-server-select__popup .item img {
        width: 18px
    }

    .giveaway .info .info-bottom .field .icon-server-select__popup .item:first-child {
        padding-top: 18px
    }

    .giveaway .info .info-bottom .field .icon-server-select__popup .item:last-child {
        padding-bottom: 18px
    }

    .giveaway .prizes__custom-container {
        padding-top: 48px
    }

    .giveaway .prizes__label {
        width: 84px
    }

    .giveaway .prizes__subtitle {
        font-size: 12px;
        padding-top: 6px
    }

    .giveaway .prizes__list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-template-columns: minmax(0, 360px);
        padding-top: 42px
    }

    .giveaway .prizes__btn {
        margin: 38px auto 0;
        padding: 0 53px 0 48px
    }

    .giveaway .prizes__btn span:first-child {
        height: 24px;
        padding: 0 9px
    }

    .giveaway .prizes__btn span:last-child {
        font-size: 12px
    }

    .giveaway .how-it-work {
        max-width: 100%;
        width: 100%;
        padding: 0
    }

    .giveaway .how-it-work__custom-container {
        border-radius: 0;
        padding: 50px 0 64px;
        margin-bottom: 0
    }

    .giveaway .how-it-work__label {
        width: 115px
    }

    .giveaway .how-it-work__header .slide-buttons {
        display: none
    }

    .giveaway .how-it-work__steps {
        padding: 26px 16px 0
    }

    .giveaway .how-it-work__steps:before,
    .giveaway .how-it-work__steps:after {
        width: 16px
    }

    .giveaway .how-it-work__steps .item {
        width: 90vw;
        max-width: 400px;
        padding: 35px 23px 16px
    }

    .giveaway .how-it-work__steps .item__numbers {
        padding: 24px 0 0
    }

    .giveaway .how-it-work__steps .item__title {
        font-size: 14px;
        padding: 24px 0 0
    }

    .giveaway .how-it-work__steps .item__description {
        font-size: 12px;
        padding: 12px 0 0
    }

    .giveaway .how-it-work__steps .item__button {
        margin: 34px 0 0;
        width: 100%
    }

    .giveaway .how-it-work__steps .item__bottom .bg {
        margin-top: 106px;
        height: 107px
    }

    .giveaway .section-label {
        height: 32px
    }

    .giveaway .section-label span {
        font-size: 11px
    }

    .giveaway .section-title {
        gap: 12px
    }

    .giveaway .section-title span:first-child {
        font-size: 28px
    }

    .giveaway .section-title span:last-child {
        font-size: 36px
    }

    .giveaway .leaders {
        margin-bottom: 30px;
        margin-top: 55px;
        padding: 0 15px
    }

    .giveaway .leaders__label {
        width: 90px
    }

    .giveaway .leaders__title {
        margin-top: 30px;
        gap: 4px
    }

    .giveaway .leaders .leaders-table {
        padding-top: 42px
    }

    .giveaway .leaders .leaders-table__row {
        grid-template-columns: 37px 1fr
    }

    .giveaway .leaders .leaders-table__row.table-header .leaders-table__sub-column,
    .giveaway .leaders .leaders-table__row.table-header .leaders-table__column {
        font-size: 12px
    }

    .giveaway .leaders .leaders-table__row.table-header .leaders-table__column:nth-child(2) {
        grid-template-columns: 2fr 1.5fr
    }

    .giveaway .leaders .leaders-table__row.table-header .leaders-table__sub-column:nth-child(2) {
        display: none
    }

    .giveaway .leaders .leaders-table__row.table-body .leaders-table__column {
        height: 48px
    }

    .giveaway .leaders .leaders-table__row.table-body .leaders-table__column:nth-child(1) img {
        width: 14px
    }

    .giveaway .leaders .leaders-table__row.table-body .leaders-table__column:nth-child(2) {
        grid-template-columns: 2fr 1fr
    }

    .giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(1) {
        gap: 10px;
        padding-left: 11px;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -moz-box-pack: start;
        justify-content: start
    }

    .giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(1) .number {
        width: 28px;
        height: 28px;
        font-size: 9px
    }

    .giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(1) .nickname {
        font-size: 12px
    }

    .giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(2) {
        display: none
    }

    .giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(3) {
        font-size: 14px
    }

    .giveaway .leaders .leaders-table__info {
        top: 250px;
        width: 100%
    }

    .giveaway .leaders .leaders-table__info .g-time {
        gap: 6px
    }

    .giveaway .leaders .leaders-table__info .g-time img {
        width: 14px;
        height: 14px
    }

    .giveaway .leaders .leaders-table__info .g-time span {
        font-size: 12px
    }

    .giveaway .leaders .leaders-table__info .g-title {
        font-size: 14px
    }

    .giveaway .leaders .leaders-table__info .g-text {
        font-size: 11px;
        width: 100%;
        padding: 10px 20px 0;
        max-width: 500px
    }

    .giveaway .leaders .leaders-table__info .g-twitch {
        height: 42px;
        padding: 0 27px
    }

    .giveaway .leaders .leaders-table__info .g-twitch img {
        width: 18px;
        height: 18px
    }

    .giveaway .leaders .leaders-table__info .g-twitch span {
        font-size: 11px
    }
}

@media (max-width: 838.8px) {
    .concurs-tooltip.with-cookie {
        bottom: 122px
    }
}

@media (max-width: 832.8px) {

    .support-text.with-cookie,
    .telegram-btn.with-cookie {
        bottom: 140px !important
    }
}

@media (max-width: 800px) {
    .spin-modal {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -moz-box-pack: start;
        justify-content: start
    }

    .spin-modal__title {
        font-size: 21px
    }

    .spin-modal__title span {
        font-size: 26px
    }

    .spin-modal__description {
        font-size: 12px;
        padding-top: 15px
    }

    .spin-modal__main-img {
        width: auto;
        max-height: 52%;
        margin-top: 20px
    }

    .spin-modal__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 12px
    }

    .spin-modal__btn {
        font-size: 14px
    }

    .spin-modal__btn.gradient {
        gap: 10px
    }

    .spin-modal__btn.gradient .icon {
        width: 28px;
        height: 28px
    }

    .spin-modal__btn.gradient .icon img {
        width: 21px;
        height: 21px
    }

    .spin-modal__free-count {
        font-size: 12px
    }

    .register .rl .rl-field__inputs {
        display: block
    }

    .register .rl .rl-field__inputs .rl-field__input {
        width: 100%
    }

    .register .rl .rl-field__inputs .rl-field__input:first-child {
        margin-bottom: 6px
    }
}

@media (max-width: 770px) {
    .popup-payment-check .popup__content {
        max-width: 320px;
        padding: 24px 0
    }

    .popup-payment-check .amount {
        padding-left: 22px
    }

    .popup-payment-check .amount:after {
        width: 16px;
        height: 16px
    }

    .popup-payment-check .success-icon {
        width: 56px;
        height: 56px
    }

    .popup-payment-check .popup__head {
        margin-bottom: 22px
    }

    .popup-payment-check.success .title {
        font-size: 17px
    }

    .popup-payment-check.error .title {
        font-size: 19px
    }

    .popup-payment-check .sub-title {
        font-size: 12px;
        padding-bottom: 32px
    }

    .popup-payment-check .block {
        padding: 24px 0
    }

    .popup-payment-check .row {
        padding: 0 21px 10px
    }

    .popup-payment-check .row div:first-child {
        font-size: 12px
    }

    .popup-payment-check .row div:last-child {
        font-size: 12px
    }

    .popup-payment-check .button-container a {
        font-size: 14px;
        padding: 0 25px;
        height: 52px
    }

    .popup-payment-check .button-container {
        padding: 0 20px
    }
}

@media (hover: hover) and (max-width: 767.98px) {
    .news__item:hover .news__item-link:after {
        content: "";
        display: none
    }
}

@media (max-width: 767.98px) {
    .header__container {
        gap: 16px
    }

    .footer {
        padding-bottom: 16px
    }

    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 0px
    }

    .footer__logo {
        max-width: 137px;
        margin-bottom: 28px
    }

    .footer__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 42px
    }

    .footer__title {
        font-size: 14px
    }

    .footer__title:not(:last-child) {
        margin-bottom: 13px
    }

    .footer__list {
        gap: 13px
    }

    .footer__list a {
        font-size: 12px
    }

    .footer__socials {
        margin-top: 48px;
        gap: 10px
    }

    .footer__info {
        padding: 36px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        gap: 36px
    }

    .footer__copy {
        font-size: 12px
    }

    .title {
        font-size: 18px
    }

    .title .text-gradient {
        font-size: 28px
    }

    .button {
        font-size: 16px;
        height: 54px
    }

    .button--outlined {
        font-size: 12px
    }

    .select_money .select__value._select-pseudo-label {
        gap: 12px
    }

    .select_money .select__value._select-pseudo-label:before {
        width: 18px;
        height: 18px
    }

    .select_server .select__value._select-pseudo-label {
        gap: 12px
    }

    .select_server .select__value._select-pseudo-label:before {
        width: 18px;
        height: 18px
    }

    .select__title {
        font-size: 14px;
        padding: 18px
    }

    .select__options {
        font-size: 14px
    }

    .select__option {
        padding: 10px 16px
    }

    .form-item__input-wrap input {
        height: 52px;
        padding: 0 47px;
        font-size: 12px
    }

    .form-item__icon {
        width: 18px;
        height: 18px
    }

    .form-item__icons--right .form-item__icon {
        width: 14px;
        height: 14px
    }

    .checkbox__label {
        gap: 12px
    }

    .checkbox__text {
        font-size: 14px
    }

    .additional_container {
        width: -webkit-calc(100% - 36px);
        width: -moz-calc(100% - 36px);
        width: calc(100% - 36px);
        padding: 20px;
        top: 40%
    }

    .additional__title {
        font-size: 18px
    }

    .additional__sub-title {
        font-size: 12px;
        padding-bottom: 22px
    }

    .additional__inputs {
        gap: 8px
    }

    .additional__select-container,
    .additional__input-container {
        height: 52px
    }

    .additional__select-image,
    .additional__input-image {
        width: 18px;
        height: 18px;
        left: 16px
    }

    .additional__select-arrow {
        top: -webkit-calc(50% - 10px);
        top: -moz-calc(50% - 10px);
        top: calc(50% - 10px);
        width: 20px;
        height: 20px;
        right: 16px
    }

    .additional__input-search,
    .additional__input {
        padding: 0 47px;
        font-size: 12px
    }

    .additional__submit {
        height: 52px;
        font-size: 16px
    }

    .select-dropdown__container {
        padding: 4px 0 0 !important
    }

    .select-dropdown__items {
        height: 155px
    }

    .select-dropdown__item {
        padding: 14px 20px;
        font-size: 12px
    }

    .main-block__decor {
        height: 70%;
        -webkit-transform: translate(-50%, 5%);
        -moz-transform: translate(-50%, 5%);
        -ms-transform: translate(-50%, 5%);
        transform: translate(-50%, 5%)
    }

    .main-block__image {
        width: 115vw;
        bottom: auto;
        top: 70px
    }

    .main-block__image--active {
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%)
    }

    .main-block__title {
        font-size: 36px
    }

    .main-block__description {
        display: none !important
    }

    .main-block__players {
        gap: 8px
    }

    .main-block__players-count {
        min-width: 90px;
        padding: 3px 10px 3px 6px
    }

    .main-block__players-count p {
        font-size: 16px;
        line-height: 140%
    }

    .main-block__players-text {
        font-size: 12px
    }

    .main-block__buttons .button {
        min-width: 246px
    }

    .main-block__buttons:not(:last-child) {
        margin-bottom: 32px
    }

    .main-block__servers {
        margin-top: 85px
    }

    .main-block__server {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 20px 32px
    }

    .main-block__server-number {
        height: 36px;
        min-width: 36px;
        font-size: 21px
    }

    .main-block__server-count {
        font-size: 10px
    }

    .main-block__server-info {
        width: 100%;
        text-align: center
    }

    .main-block__server-name {
        font-size: 12px
    }

    .main-block__server-name:not(:last-child) {
        margin-bottom: 14px
    }

    .main-block__server-graph {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    .main-block__server-line {
        width: 100%;
        height: 2px
    }

    .main-block__all-server {
        margin-top: 18px
    }

    .why {
        padding: 53px 0
    }

    .why__items {
        gap: 32px
    }

    .why__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    .why__item-content {
        width: 100%
    }

    .why__item-eyebrow {
        font-size: 12px;
        line-height: 1
    }

    .why__item-eyebrow:before {
        height: 10px
    }

    .why__item-eyebrow:not(:last-child) {
        margin-bottom: 21px
    }

    .why__item-description {
        font-size: 12px
    }

    .why__item-description:not(:last-child) {
        margin-bottom: 16px
    }

    .why__item-tag {
        font-size: 13px
    }

    .why__item-tag img,
    .why__item-tag svg {
        width: 16px;
        height: 16px
    }

    .why__item-image {
        aspect-ratio: 328/242;
        max-height: 350px;
        width: 100%
    }

    .why__item--reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse
    }

    .why__item--column .why__item-image {
        height: auto
    }

    .gallery {
        --gap: 10px
    }

    .gallery__head-image {
        max-width: 150px
    }

    .gallery__bottom-row {
        grid-template-areas: "second second""four third";
        grid-template-columns: 50.9146341463% auto
    }

    .gallery__second-block .gallery__image {
        aspect-ratio: 328/201;
        max-height: 250px;
        width: 100%
    }

    .gallery__third-block {
        grid-template-columns: repeat(1, 1fr)
    }

    .gallery__third-block .gallery__image {
        aspect-ratio: 151/89
    }

    .gallery__image-btn {
        bottom: 6px;
        left: 6px;
        width: 18px;
        height: 18px
    }

    .gallery__image-btn svg,
    .gallery__image-btn img {
        max-width: 9px
    }

    .how__title2 {
        font-size: 24px
    }

    .how__description {
        font-size: 12px
    }

    .how__head .button {
        width: 100%
    }

    .how__instruction {
        padding: 23px 30px
    }

    .how__instruction-title {
        font-size: 12px
    }

    .how__instruction-title:before {
        height: 10px
    }

    .how__instruction-title:not(:last-child) {
        margin-bottom: 20px
    }

    .how__instruction-item:after {
        left: 15px
    }

    .how__instruction-square {
        width: 12px;
        height: 12px
    }

    .how__instruction-text {
        font-size: 12px
    }

    .how__requirements {
        margin-top: 30px
    }

    .how__requirements-title {
        padding: 20px 22px
    }

    .how__requirements-title-left {
        font-size: 14px
    }

    .how__requirements-body {
        padding-top: 16px
    }

    .how__requirements-block-head {
        font-size: 16px
    }

    .how__requirements-block-head:not(:last-child) {
        margin-bottom: 24px
    }

    .how__requirements-item {
        font-size: 14px;
        padding: 12px 0
    }

    .how__requirements-item:before {
        margin-top: -2px
    }

    .cabinet {
        padding: 140px 0 100px
    }

    .cabinet__decor {
        height: 70%;
        -webkit-transform: translate(-50%, 5%);
        -moz-transform: translate(-50%, 5%);
        -ms-transform: translate(-50%, 5%);
        transform: translate(-50%, 5%);
        display: none
    }

    .cabinet__row {
        gap: 0px
    }

    .cabinet__block-title {
        font-size: 14px
    }

    .cabinet__grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .cabinet__card {
        padding: 14px
    }

    .cabinet__card-top:not(:last-child) {
        margin-bottom: 14px
    }

    .cabinet__card-name svg {
        max-height: 10px
    }

    .cabinet__card-valute {
        font-size: 12px
    }

    .cabinet__card-label {
        margin-bottom: 2px;
        font-size: 12px
    }

    .cabinet__card-code {
        font-size: 16px
    }

    .cabinet__card-bottom {
        margin-top: 20px
    }

    .cabinet__card-date {
        font-size: 14px
    }

    .cabinet__additional-info-items {
        grid-template-columns: repeat(2, 1fr)
    }

    .cabinet__additional-info-item {
        padding: 33px 16px
    }

    .cabinet__additional-info-item:last-child {
        grid-column: 1/3
    }

    .cabinet__additional-info-top:not(:last-child) {
        margin-bottom: 16px
    }

    .cabinet__additional-info-progress {
        width: 50px;
        height: 50px
    }

    .cabinet__additional-info-icon {
        width: 42px;
        height: 42px
    }

    .cabinet__additional-info-label {
        font-size: 12px;
        margin-bottom: 12px
    }

    .cabinet__additional-info-text {
        font-size: 12px
    }

    .cabinet__additional-info-text b {
        font-size: 16px
    }

    .cabinet__weapons-skill-items {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px
    }

    .cabinet__skill {
        padding: 24px 10px;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 20px
    }

    .cabinet__skill-image-wrap--square {
        width: 42px
    }

    .cabinet__skill-image-wrap--circle {
        width: 42px;
        border-radius: 4px
    }

    .cabinet__skill-image img {
        max-width: 30px
    }

    .cabinet__skill-name {
        font-size: 14px;
        margin-bottom: 14px
    }

    .cabinet__skill-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 12px
    }

    .cabinet__skill-lines {
        gap: 4px
    }

    .cabinet__skill-line {
        width: 2px;
        height: 10px
    }

    .cabinet__skill-line:not(:nth-child(-n+18)) {
        display: none
    }

    .cabinet__skill-procent {
        font-size: 14px
    }

    .cabinet__physical-items {
        gap: 12px
    }

    .cabinet__info {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px
    }

    .cabinet__info-user-label {
        font-size: 12px
    }

    .cabinet__info-user-top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        gap: 20px;
        margin-bottom: 22px
    }

    .cabinet__info-user-name {
        margin-bottom: 8px;
        font-size: 16px
    }

    .cabinet__info-user-avatar {
        margin: 0;
        width: 54px;
        height: 54px
    }

    .cabinet__info-user-id {
        font-size: 12px;
        margin-bottom: 0
    }

    .cabinet__info-user-id.pc {
        display: none
    }

    .cabinet__info-user-status {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        padding: 21px 26px 26px;
        gap: 23px;
        text-align: left
    }

    .cabinet__info-user-status-icon {
        margin-bottom: 0
    }

    .cabinet__info-user-status-label {
        font-size: 12px
    }

    .cabinet__info-user-status-name {
        font-size: 16px
    }

    .cabinet__info-item {
        border-radius: 4px;
        padding: 24px 10px 30px
    }

    .cabinet__info-item:after {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--color), 100%)), to(rgba(var(--color, 0), 0)));
        background: -webkit-linear-gradient(top, rgba(var(--color), 100%) 0%, rgba(var(--color, 0), 0) 100%);
        background: -moz-linear-gradient(top, rgba(var(--color), 100%) 0%, rgba(var(--color, 0), 0) 100%);
        background: linear-gradient(180deg, rgba(var(--color), 100%) 0%, rgba(var(--color, 0), 0) 100%);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
        mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1px;
        border-radius: 4px
    }

    .cabinet__info-plus {
        display: none
    }

    .cabinet__info-icon {
        width: 42px;
        margin-bottom: 16px;
        padding: 8px
    }

    .cabinet__info-label {
        margin-bottom: 12px;
        font-size: 12px
    }

    .cabinet__info-value {
        font-size: 16px
    }

    .news {
        padding: 53px 0
    }

    .news__slider.swiper {
        overflow: visible
    }

    .news__slider .swiper-slide {
        width: 280px
    }

    .news__item-image {
        height: auto;
        aspect-ratio: 158/90
    }

    .news__item-image:not(:last-child) {
        margin-bottom: 8px
    }

    .news__item-content {
        padding: 12px
    }

    .news__item-title {
        font-size: 14px
    }

    .news__item-text {
        font-size: 10px;
        margin-bottom: 8px
    }

    .news__item-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start
    }

    .news__item-date {
        color: #fffbefcc
    }

    .news__item-link {
        width: 100%;
        text-align: center;
        padding: 8px;
        border-radius: 4px;
        background: #1c1c27;
        display: inline-block
    }

    .news-page .content {
        padding-top: 35px
    }

    .news-page .title .small {
        font-size: 22px;
        margin-top: -3px;
        display: inline-block
    }

    .news-page .sub-title {
        font-size: 12px;
        max-width: 100%
    }

    .news-page .news-page__block-title {
        font-size: 16px;
        margin-bottom: 16px
    }

    .news-page .news-page__last .news-page__block-title {
        padding-left: 24px
    }

    .news-page .news-page__last .news-page__block-title:before {
        width: 16px;
        height: 16px
    }

    .news-page .news-page__last {
        padding-bottom: 28px
    }

    .news-page .news-page__last .list {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 220px);
        gap: 18px
    }

    .news-page .news-page__last .item {
        border-radius: 10px;
        padding: 15px
    }

    .news-page .news-page__last .item:nth-child(1) {
        padding: 15px;
        border-radius: 10px
    }

    .news-page .news-page__last .item:nth-child(1) .item-description {
        display: none
    }

    .news-page .news-page__last .item:before {
        width: 100%;
        height: 100%
    }

    .news-page .news-page__last .item .content .item-title {
        font-size: 16px;
        padding-bottom: 10px
    }

    .news-page .news-page__last .item:nth-child(1) .content .item-title {
        padding-bottom: 8px
    }

    .news-page .news-page__last .item .content .item-labels {
        gap: 8px
    }

    .news-page .news-page__last .item .content .item-label {
        padding: 6px 12px;
        font-size: 12px
    }

    .news-page .news-page__last .item .content .item-label.publish {
        gap: 6px
    }

    .news-page .news-page__last .item .content .item-label.publish svg {
        width: 14px;
        height: 14px
    }

    .news-page__list {
        padding-bottom: 105px
    }

    .news-page__list-items {
        grid-template-columns: 1fr;
        gap: 15px
    }

    .page-roulette__top {
        grid-template-columns: auto auto;
        gap: 37px 0px;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        align-items: stretch
    }

    .page-roulette__free-count {
        margin-right: -15px;
        padding: 8px 24px 8px 12px;
        min-width: auto;
        max-width: 230px
    }

    .page-roulette__free-count-label,
    .page-roulette__free-count-number {
        font-size: 12px
    }

    .page-roulette__free-count-number p {
        line-height: 180%
    }

    .page-roulette__free-count-number b {
        font-size: 16px
    }

    .page-roulette__free-count-number img {
        width: 18px;
        height: 18px
    }

    .page-roulette__title {
        font-size: 28px;
        grid-column: 1/3;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }

    .page-roulette__balance {
        width: 100%;
        max-width: 230px;
        min-width: auto;
        padding: 9px 8px 12px 30px
    }

    .page-roulette__balance-row {
        gap: 12px
    }

    .page-roulette__balance-label {
        font-size: 12px
    }

    .page-roulette__balance-count {
        font-size: 16px
    }

    .page-roulette__balance-count img {
        width: 18px;
        height: 18px
    }

    .page-roulette__balance-btn {
        padding: 7px
    }

    .page-roulette__balance-btn img {
        width: 16px;
        height: 16px
    }

    .page-roulette__info {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
        margin: 36px 0 32px
    }

    .page-roulette__info-item {
        gap: 12px;
        padding: 12px 14px;
        font-size: 12px
    }

    .page-roulette__info-item img {
        width: 18px;
        height: 18px
    }

    .page-roulette__drops {
        padding-top: 28px
    }

    .page-roulette__drops-title {
        font-size: 14px
    }

    .page-roulette__drops-items {
        gap: 26px
    }

    .page-roulette__drop-item {
        width: -webkit-calc(33.33% - 26px);
        width: -moz-calc(33.33% - 26px);
        width: calc(33.33% - 26px)
    }

    .page-roulette__drop-item-gta {
        top: 20px
    }

    .page-roulette__slider-wrap .swiper {
        overflow: visible
    }

    .page-roulette__slider-wrap .swiper-slide,
    .page-roulette__decor-line {
        width: 154px
    }

    .page-roulette__decor-line-el1,
    .page-roulette__decor-line-el2 {
        width: 23px
    }

    .page-roulette__loto-item-name {
        font-size: 12px
    }

    .page-roulette__history-link {
        gap: 12px
    }

    .page-roulette__history-link span {
        text-decoration: none;
        font-size: 14px
    }

    .page-roulette__buttons {
        gap: 12px
    }

    .page-roulette__buttons .button {
        height: 48px;
        font-size: 12px
    }

    .page-roulette__toggle-speed,
    .page-roulette__toggle-round {
        height: 44px
    }

    .page-roulette__toggle-round {
        font-size: 12px
    }

    .page-roulette__toggle-round .round {
        width: 40px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40px;
        -moz-box-flex: 0;
        flex: 0 0 40px
    }

    .page-roulette__toggle-speed {
        gap: 12px;
        padding: 0 10px 0 12px
    }

    .page-roulette__toggle-speed .label {
        font-size: 12px
    }

    .page-roulette__loto-item-image img {
        max-width: 85%
    }

    .vertical-roulette {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start;
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px;
        row-gap: 16px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }

    .vertical-roulette.part-round .vertical-roulette__column-container {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 -webkit-calc(50% - 6px) !important;
        -moz-box-flex: 0 !important;
        flex: 0 0 calc(50% - 6px) !important
    }

    .vertical-roulette__column-container {
        width: -webkit-calc(33.3333% - 8px) !important;
        width: -moz-calc(33.3333% - 8px) !important;
        width: calc(33.3333% - 8px) !important;
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 -webkit-calc(33.3333% - 8px) !important;
        -moz-box-flex: 0 !important;
        flex: 0 0 calc(33.3333% - 8px) !important;
        height: 220px
    }

    .vertical-roulette__column-container .boost {
        height: 20px;
        padding: 0 7px;
        font-size: 8px
    }

    .vertical-roulette__column-container.lock {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .vertical-roulette__column-container__column-list .page-roulette__loto-item {
        height: 170px
    }

    .vertical-roulette__center-line {
        display: none
    }

    .switch {
        width: 28px;
        height: 14px;
        border-radius: 2px
    }

    .switch:before {
        width: 10px;
        height: 10px;
        -webkit-transform: translate(2px, -50%);
        -moz-transform: translate(2px, -50%);
        -ms-transform: translate(2px, -50%);
        transform: translate(2px, -50%)
    }

    .switch.active:before {
        -webkit-transform: translate(16px, -50%);
        -moz-transform: translate(16px, -50%);
        -ms-transform: translate(16px, -50%);
        transform: translate(16px, -50%)
    }

    .roulette-type.horizontal:before,
    .roulette-type.horizontal:after {
        width: 60px
    }

    .g-history:after {
        width: 20px
    }

    .g-history__list {
        gap: 5px
    }

    .g-history__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 125px;
        -moz-box-flex: 0;
        flex: 0 0 125px;
        width: 125px;
        border-radius: 6px
    }

    .auth {
        padding: 151px 0 100px
    }

    .auth__decor {
        height: 70%;
        -webkit-transform: translate(-50%, 5%);
        -moz-transform: translate(-50%, 5%);
        -ms-transform: translate(-50%, 5%);
        transform: translate(-50%, 5%)
    }

    .auth__container {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .auth__image-left,
    .auth__image-right {
        display: none
    }

    .auth__wrap {
        max-width: 450px
    }

    .auth__title {
        font-size: 21px
    }

    .auth__description {
        font-size: 12px
    }

    .auth-form__items {
        gap: 8px
    }

    .auth-form__items:not(:last-child) {
        margin-bottom: 28px
    }

    .auth-form__buttons .button--primary {
        font-size: 14px
    }

    .cabinet-ownership__block {
        padding: 27px 24px
    }

    .cabinet-ownership__empty {
        padding: 65px 0 120px;
        font-size: 12px
    }

    .cabinet-ownership__head:not(:last-child) {
        margin-bottom: 34px
    }

    .cabinet-ownership__title {
        gap: 8px;
        font-size: 14px
    }

    .cabinet-ownership__title img {
        width: 18px;
        height: 18px
    }

    .cabinet-ownership__head-link {
        padding: 8px 16px;
        font-size: 12px
    }

    .cabinet-ownership__inventory-items {
        gap: 11px;
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr))
    }

    .cabinet-ownership__grid {
        gap: 8px
    }

    .cabinet-ownership__big-item {
        padding: 16px;
        font-size: 12px
    }

    .cabinet-ownership__big-item-left {
        gap: 16px
    }

    .cabinet-ownership__big-item-icon {
        width: 18px
    }

    .cabinet-ownership__car-items {
        gap: 10px;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
    }

    .cabinet-ownership__car-item {
        padding: 25px 12px 12px
    }

    .cabinet-ownership__car-item-image {
        margin-bottom: 16px;
        padding: 0 6px
    }

    .cabinet-ownership__car-item-producer {
        font-size: 10px
    }

    .cabinet-ownership__car-item-model {
        font-size: 12px
    }

    .text-block__decor {
        height: 70%;
        -webkit-transform: translate(-50%, 5%);
        -moz-transform: translate(-50%, 5%);
        -ms-transform: translate(-50%, 5%);
        transform: translate(-50%, 5%);
        display: none
    }

    .text-block__wrap {
        font-size: 12px
    }

    .text-block__wrap .text-big {
        font-size: 14px
    }

    .text-block__wrap h2 {
        padding-left: 16px
    }

    .cabinet-rating__top {
        grid-template-columns: repeat(1, 1fr);
        gap: 8px
    }

    .cabinet-rating__top:not(:last-child) {
        margin-bottom: 24px
    }

    .cabinet-rating__select .select {
        max-width: 100%
    }

    .cabinet-rating__title {
        font-size: 28px;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4;
        margin-top: 28px;
        text-align: center
    }

    .cabinet-rating__place:not(:last-child) {
        margin-bottom: 50px
    }

    .cabinet-rating__place-items {
        gap: 8px
    }

    .cabinet-rating__place-item--second {
        padding: 30px 10px
    }

    .cabinet-rating__place-item--first {
        padding: 50px 10px
    }

    .cabinet-rating__place-item--third {
        padding: 20px 10px
    }

    .cabinet-rating__place-image {
        height: 47px;
        margin-bottom: 16px
    }

    .cabinet-rating__place-name {
        font-size: 14px;
        margin-bottom: 12px;
        gap: 3px
    }

    .cabinet-rating__place-name img {
        display: none
    }

    .cabinet-rating__place-money {
        font-size: 10px;
        gap: 2px
    }

    .cabinet-rating__place-money img,
    .cabinet-rating__place-money svg {
        width: 12px;
        height: 12px
    }

    .cabinet-rating__table thead {
        display: none
    }

    .cabinet-rating__table tr:nth-child(odd) {
        background: rgba(255, 251, 239, .03)
    }

    .cabinet-rating__table tr:nth-child(2n) {
        background: rgba(255, 251, 239, .01)
    }

    .cabinet-rating__table tr:first-child td:first-child {
        border-radius: 8px 0 0
    }

    .cabinet-rating__table tr:first-child td:last-child {
        border-radius: 0 8px 0 0
    }

    .cabinet-rating__table td {
        font-size: 12px;
        padding: 13px 5px
    }

    .cabinet-rating__table td:first-child {
        padding-left: 15px
    }

    .cabinet-rating__table td:last-child {
        padding-right: 15px
    }

    .cabinet-rating__place-table {
        width: 31px
    }

    .cabinet-rating__position-table {
        min-width: 28px;
        height: 28px;
        font-size: 14px
    }

    .donate {
        padding: 150px 0 0
    }

    .donate__decor {
        display: none
    }

    .donate__content {
        max-width: 100%
    }

    .donate__title {
        font-size: 24px;
        margin-bottom: 28px
    }

    .donate__form-items {
        gap: 8px
    }

    .donate__percentage {
        margin: 18px 0 30px
    }

    .donate__percentage-items {
        gap: 15px 20px
    }

    .donate__percentage-item-value {
        font-size: 10px
    }

    .donate__percentage-item-label {
        font-size: 12px
    }

    .donate__image {
        display: none
    }

    .donate .checkbox {
        margin-top: 18px
    }

    .donate__title-x2-label img {
        width: 20px;
        height: 20px
    }

    .donate__title-x2-label {
        height: 38px;
        padding: 0 18px;
        gap: 7px;
        border-radius: 38px
    }

    .donate__title-x2-label span {
        font-size: 14px
    }

    .premium {
        padding: 117px 0 30px
    }

    .premium__decor,
    .premium__crown {
        display: none
    }

    .premium__container .title:not(:last-child) {
        margin-bottom: 60px
    }

    .premium__info {
        display: none
    }

    .premium__slider-wrapper {
        padding: 0 12px
    }

    .premium__slider-wrapper:after {
        top: -90px;
        height: -webkit-calc(100% + 90px);
        height: -moz-calc(100% + 90px);
        height: calc(100% + 90px)
    }

    .premium__slider {
        max-width: 186px
    }

    .premium__card {
        padding: 16px 8px 10px
    }

    .premium__card-title {
        font-size: 18px
    }

    .premium__card-days {
        font-size: 12px;
        gap: 4px;
        margin-bottom: 23px
    }

    .premium__card-days img {
        width: 16px;
        height: 16px
    }

    .premium__card-image {
        height: 75px;
        margin-bottom: 25px
    }

    .premium__card-btn {
        font-size: 12px;
        height: 38px;
        padding: 5px
    }

    .premium__card-btn img {
        width: 16px
    }

    .premium__navigation {
        gap: 12px;
        margin-top: 20px
    }

    .premium__pagination {
        gap: 6px
    }

    .premium__bottom {
        padding: 25px 0 31px
    }

    .premium__bottom:after {
        width: 290px;
        height: 100px;
        -webkit-transform: translate(-50%, -13.7px) perspective(2.3px) rotateX(1deg);
        -moz-transform: translate(-50%, -13.7px) perspective(2.3px) rotateX(1deg);
        transform: translate(-50%, -13.7px) perspective(2.3px) rotateX(1deg)
    }

    .premium__bottom-btn {
        padding: 10px 40px;
        font-size: 14px
    }

    .premium__bottom-btn:after {
        -webkit-transform: perspective(5px) rotateX(2deg) translateY(-2px);
        -moz-transform: perspective(5px) rotateX(2deg) translateY(-2px);
        transform: perspective(5px) rotateX(2deg) translateY(-2px)
    }

    .case {
        padding: 25px 0
    }

    .case.pb-115 {
        padding-bottom: 105px
    }

    .case__head {
        gap: 12px;
        margin-bottom: 24px
    }

    .case__grid2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .case__title {
        font-size: 16px
    }

    .case__grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .case-item__tags {
        top: 10px;
        left: 10px
    }

    .case-item__tag {
        font-size: 10px
    }

    .case-item__label {
        font-size: 10px;
        margin-bottom: 2px
    }

    .case-item__name {
        font-size: 14px
    }

    .case-item-big {
        padding: 24px 12px
    }

    .case-item-big__tags:not(:last-child) {
        margin-bottom: 20px
    }

    .case-item-big__tag {
        padding: 4px 10px 2px;
        font-size: 12px
    }

    .case-item-big__image {
        height: 132px;
        margin-bottom: 10px
    }

    .case-item-big__info {
        margin-bottom: 12px
    }

    .case-item-big__label {
        font-size: 12px
    }

    .case-item-big__name {
        font-size: 21px
    }

    .case-item-big__button {
        margin-bottom: 14px;
        font-size: 14px;
        height: 48px
    }

    .case-item-big__count {
        font-size: 12px
    }

    .case-item-v2 {
        padding: 12px
    }

    .case-item-v2__top {
        margin-bottom: 10px
    }

    .case-item-v2__label {
        font-size: 10px
    }

    .case-item-v2__name {
        font-size: 14px
    }

    .popup-payment-alert .popup__content {
        padding: 36px 0 32px
    }

    .popup-payment-alert .alert {
        width: 56px;
        height: 56px
    }

    .popup-payment-alert .alert svg {
        width: 18px;
        height: 18px
    }

    .popup-payment-alert .modal-title {
        padding: 32px 18px 0;
        font-size: 14px
    }

    .popup-payment-alert .modal-description {
        font-size: 11px;
        padding: 16px 19px
    }

    .popup-payment-alert .modal-button {
        padding-top: 36px
    }

    .popup-payment-alert .agree-btn {
        font-size: 11px;
        padding: 0 15px;
        height: 50px
    }

    .popup__content {
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);
        padding: 28px 16px
    }

    .popup__head:not(:last-child) {
        margin-bottom: 31px
    }

    .popup__title {
        font-size: 18px
    }

    .popup__close {
        width: 28px;
        height: 28px
    }

    .popup__close img {
        width: 12px;
        height: 12px
    }

    .popup__history-items {
        max-height: 70vh;
        padding-right: 15px
    }

    .popup__history-item {
        padding: 14px 0
    }

    .popup__history-item-avatar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 56px;
        -moz-box-flex: 0;
        flex: 0 0 56px;
        width: 56px
    }

    .popup__history-item-name {
        font-size: 14px
    }

    .popup__history-item-descr {
        font-size: 12px
    }

    .popup__history-buttons {
        height: 36px;
        gap: 2px
    }

    .popup__history-button {
        padding: 0 10px
    }

    .popup__history-button.sell {
        border-radius: 10px 2px 2px 10px
    }

    .popup__history-button.sell img {
        width: 14px;
        height: 14px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14px;
        -moz-box-flex: 0;
        flex: 0 0 14px
    }

    .popup__history-button.sell span {
        font-size: 12px
    }

    .popup__history-button.single {
        height: 36px;
        border-radius: 10px
    }

    .popup__payments-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 8px
    }

    .popup__server-item {
        width: -webkit-calc(50% - 6px);
        width: -moz-calc(50% - 6px);
        width: calc(50% - 6px);
        gap: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 24px
    }

    .popup__method-item {
        padding: 12px 20px;
        width: 100%;
        max-width: 350px
    }

    .popup__method-bonus {
        font-size: 8px;
        padding: 0 6px
    }

    .popup__method-item-icon {
        width: 20px;
        height: 20px
    }

    .popup__method-item-name {
        font-size: 12px
    }

    .popup__method-item-addt {
        font-size: 10px;
        padding-top: 2px
    }

    .popup__server-item-icon {
        width: 42px;
        height: 42px
    }

    .popup__server-item-name {
        font-size: 12px
    }

    .popup-payments-methods .popup__content .block {
        max-width: -webkit-calc(100% - 38px);
        max-width: -moz-calc(100% - 38px);
        max-width: calc(100% - 38px)
    }

    .popup-prize__image {
        max-width: 150px;
        max-height: 150px
    }

    .popup-prize__label {
        font-size: 20px
    }

    .popup-prize__title {
        font-size: 32px
    }

    .popup-prize__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    .popup-status__description {
        font-size: 12px;
        margin-bottom: 28px
    }

    .popup-status__row {
        grid-template-columns: repeat(1, 1fr)
    }

    .popup-status__item {
        padding: 24px
    }

    .popup-status__item--default {
        display: none
    }

    .popup-status__item-label {
        font-size: 12px
    }

    .popup-status__item-name {
        font-size: 16px
    }

    .popup-status__item-price {
        margin-bottom: 18px
    }

    .popup-status__item-price b {
        font-size: 21px
    }

    .popup-status__item-bottom {
        padding-top: 16px
    }

    .popup-status__item-bottom ul {
        font-size: 12px;
        gap: 10px
    }

    .popup-status__item-bottom ul li:before {
        width: 16px;
        height: 16px
    }

    .popup-status__item-tag {
        display: none
    }
}

@media (max-width: 767.8px) {
    .cookie-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 24px;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
        border-radius: 0;
        border-right: none;
        border-left: none;
        border-bottom: none;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -moz-box-align: start;
        align-items: start
    }

    .cookie-container .left .text {
        font-size: 12px
    }

    .cookie-container .left .image {
        width: 38px;
        height: 38px
    }

    .cookie-container .right {
        height: 34px
    }

    .cookie-btn {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        flex: 1 1 100%
    }

    .cookie-container .right {
        width: 100%
    }

    .support-text.with-cookie,
    .telegram-btn.with-cookie {
        bottom: 161px !important
    }

    .popup-giveaway-randomizer .popup__head {
        margin-bottom: 20px
    }

    .popup-giveaway-randomizer .popup__title {
        text-align: start;
        margin: 0
    }

    .popup-giveaway-randomizer .gr-prize {
        height: 256px
    }

    .popup-giveaway-randomizer .gr-prize .name {
        font-size: 12px
    }

    .popup-giveaway-randomizer .gr-data {
        padding-top: 16px;
        padding-bottom: 18px
    }

    .popup-giveaway-randomizer .gr-data .col {
        padding-top: 12px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%
    }

    .popup-giveaway-randomizer .gr-data .col:nth-child(1) {
        padding-top: 0
    }

    .popup-giveaway-randomizer .gr-data .col .label {
        font-size: 12px
    }

    .popup-giveaway-randomizer .gr-data .col .val {
        padding-top: 2px;
        font-size: 14px;
        gap: 8px
    }

    .popup-giveaway-randomizer .gr-data .col:nth-child(1) .val img {
        width: 13px
    }

    .popup-giveaway-randomizer .gr-ticket {
        margin-top: 16px;
        height: 49px;
        padding: 0 18px
    }

    .popup-giveaway-randomizer .gr-ticket div:first-child img {
        display: none
    }

    .popup-giveaway-randomizer .gr-ticket div:first-child span {
        font-size: 10px
    }

    .popup-giveaway-randomizer .gr-ticket div:last-child {
        gap: 6px
    }

    .popup-giveaway-randomizer .gr-ticket div:last-child img {
        width: 21px;
        height: 21px
    }

    .popup-giveaway-randomizer .gr-ticket div:last-child span {
        font-size: 12px
    }

    .spin-action__title {
        font-size: 14px;
        margin-top: 10vh
    }

    .spin-action__wheel-img {
        height: auto;
        width: 175%;
        max-width: 530px
    }

    .spin-result__title {
        line-height: 100%;
        font-size: 21px
    }

    .spin-result__title span {
        font-size: 26px
    }

    .spin-result__container {
        top: 8%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%)
    }

    .spin-result .sr_modal {
        width: 90%;
        max-width: 325px
    }

    .spin-result .sr_modal__sub-title {
        padding: 30px 28px 0;
        font-size: 12px
    }

    .spin-result .sr_modal__title {
        padding-top: 8px;
        font-size: 16px
    }

    .spin-result .sr_modal__timer-container {
        padding: 14px 28px 0
    }

    .spin-result .sr_modal__timer {
        height: 32px;
        padding: 0 12px 0 8px;
        gap: 8px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 82px;
        -moz-box-flex: 0;
        flex: 0 0 82px;
        width: 82px
    }

    .spin-result .sr_modal__timer svg {
        width: 16px;
        height: 16px
    }

    .spin-result .sr_modal__timer span,
    .spin-result .sr_modal__timer-text {
        font-size: 12px
    }

    .spin-result .sr_modal__register-btn-container {
        padding: 30px 28px 36px
    }

    .spin-result .sr_modal__register-btn {
        height: 46px;
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .popup-giveaway-info .popup__title {
        text-align: start;
        margin: 0
    }

    .popup-giveaway-info .popup__head {
        margin-bottom: 12px
    }

    .popup-giveaway-info__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 12px;
        padding-bottom: 18px
    }

    .popup-giveaway-info__head-item div:first-child {
        font-size: 12px
    }

    .popup-giveaway-info__head-item div:last-child {
        font-size: 14px
    }

    .popup-giveaway-info__body:after {
        height: 16px
    }

    .popup-giveaway-info__body#popup-giveaway-no-tickets {
        height: 35vh;
        padding: 0 20px
    }

    .popup-giveaway-info__body#popup-giveaway-no-tickets img {
        width: 24px;
        height: 24px
    }

    .popup-giveaway-info__body#popup-giveaway-no-tickets div {
        font-size: 14px;
        padding-top: 10px
    }

    .popup-giveaway-info__body#popup-giveaway-no-tickets p {
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 4vh
    }

    .popup-giveaway-info__row {
        height: 49px;
        padding: 0 16px;
        margin-top: 6px
    }

    .popup-giveaway-info__row:first-child {
        margin-top: 16px
    }

    .popup-giveaway-info__row:last-child {
        margin-bottom: 16px
    }

    .popup-giveaway-info__row div:first-child {
        gap: 6px
    }

    .popup-giveaway-info__row div:first-child img {
        width: 21px;
        height: 21px
    }

    .popup-giveaway-info__row div:first-child span {
        font-size: 12px
    }

    .popup-giveaway-info__row div:last-child {
        font-size: 10px
    }
}

@media (max-width: 600px) {
    .page-roulette__drop-item {
        width: -webkit-calc(50% - 13px);
        width: -moz-calc(50% - 13px);
        width: calc(50% - 13px)
    }
}

@media (max-width: 479.98px) {
    .vertical-roulette__column-list .page-roulette__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        gap: 16px
    }

    .vertical-roulette__column-list .page-roulette__buttons .button {
        width: 100%
    }

    .vertical-roulette__column-list .page-roulette__loto-item-name {
        font-size: 10px
    }

    .vertical-roulette__column-list .page-roulette__loto-item.result .page-roulette__loto-content {
        gap: 2px
    }

    .vertical-roulette__column-list .page-roulette__loto-item.result .page-roulette__loto-item-decor img {
        -webkit-transform: translate(0, -18px) scale(.8) !important;
        -moz-transform: translate(0, -18px) scale(.8) !important;
        -ms-transform: translate(0, -18px) scale(.8) !important;
        transform: translateY(-18px) scale(.8) !important
    }

    .vertical-roulette__column-list .page-roulette__loto-item.result .page-roulette__loto-item-image {
        -webkit-transform: translate(0, -18px) !important;
        -moz-transform: translate(0, -18px) !important;
        -ms-transform: translate(0, -18px) !important;
        transform: translateY(-18px) !important
    }

    .vertical-roulette__column-list .page-roulette__loto-item.result .page-roulette__loto-item-image img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .vertical-roulette__column-list .page-roulette__loto-item-image img {
        padding: 0 5px
    }

    .vertical-roulette__column-container {
        height: 185px
    }

    .vertical-roulette__column-list .page-roulette__loto-item {
        height: 110px
    }

    .roulette-type.horizontal:before,
    .roulette-type.horizontal:after {
        width: 30px
    }

    .g-history__list {
        height: 86px
    }

    .g-history__item {
        height: 86px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 105px;
        -moz-box-flex: 0;
        flex: 0 0 105px;
        width: 105px
    }

    .g-history__image {
        height: 50px;
        margin: 7px auto 0
    }

    .g-history__bg img {
        height: 85%
    }

    .g-history__prize-name {
        font-size: 9px;
        height: 24px
    }

    .g-history__author {
        top: 8px
    }

    .g-history__skin {
        width: 31px;
        height: 31px
    }

    .g-history__server {
        width: 15px;
        top: 23px
    }

    .g-history__nickname {
        font-size: 9px;
        height: 24px
    }

    .popup-prize__decor-image {
        min-width: 100vw;
        -webkit-transform: translate(-50%, -10%);
        -moz-transform: translate(-50%, -10%);
        -ms-transform: translate(-50%, -10%);
        transform: translate(-50%, -10%)
    }
}

@media (max-width: 470px) {
    .giveaway .leaders .leaders-table__row.table-body .leaders-table__sub-column:nth-child(2) {
        gap: 4px;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        justify-content: end;
        padding-right: 24px
    }
}

@media (max-width: 450px) {
    .cabinet-ownership__car-items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 417.8px) {

    .support-text.with-cookie,
    .telegram-btn.with-cookie {
        bottom: 173px !important
    }
}

@media (any-hover: hover) {
    .button--primary:hover {
        -webkit-box-shadow: 0px 0px 25px 0px rgba(239, 86, 42, .4);
        box-shadow: 0 0 25px #ef562a66
    }

    .select__option:hover {
        color: #ec2b1d
    }

    .cookie-container .right .accept-btn:hover {
        -webkit-box-shadow: 0 0 25px rgba(239, 86, 42, .4);
        box-shadow: 0 0 25px #ef562a66
    }

    .cookie-container .right .cancel-btn:hover {
        -webkit-box-shadow: 0 0 25px #212129;
        box-shadow: 0 0 25px #212129;
        color: #fff
    }

    .news-page .news-page__last .item:hover .image {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .page-roulette__toggle-round .round:hover {
        background: rgba(255, 251, 239, .1)
    }

    .g-history__item:hover .g-history__prize {
        opacity: 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    .g-history__item:hover .g-history__author {
        -webkit-transform: translate(-50%, 0px);
        -moz-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
        transform: translate(-50%);
        opacity: 1
    }

    .giveaway .info__content .info-top__right .social-btn:hover {
        background: rgba(255, 255, 255, .1)
    }

    .giveaway .info__content .info-top__right .social-btn:hover img {
        opacity: 1
    }

    .giveaway .info__content .info-top__right .youtube-btn:hover {
        -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .2509803922);
        box-shadow: 0 0 20px #ffffff40
    }

    .giveaway .info__content .info-bottom .field button:hover {
        background: rgba(255, 255, 255, .08)
    }

    .giveaway .info__content .info-bottom .field button:hover img {
        opacity: 1
    }

    .giveaway .info__content .info-bottom .field:hover {
        background: rgba(255, 255, 255, .025)
    }

    .giveaway .info__content .info-bottom .icon-server-select__selected:hover {
        background: rgba(255, 255, 255, .08)
    }

    .giveaway .info__content .info-bottom .icon-server-select__popup .item:hover {
        -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, .05) inset;
        box-shadow: 0 0 15px #ffffff0d inset
    }

    .giveaway .prizes__list .prize__content-wrapper:hover:after {
        opacity: 1
    }

    .giveaway .prizes__btn:hover {
        background: rgba(255, 255, 255, .1)
    }

    .giveaway .how-it-work__header .slide-buttons button:hover {
        background: #1b1b22
    }

    .giveaway .how-it-work__header .slide-buttons button:hover img {
        opacity: 1
    }

    .giveaway .how-it-work__steps .item__button:hover {
        background: rgba(255, 255, 255, .065);
        color: #fff
    }

    .giveaway .how-it-work__steps .item.gold .item__button:hover {
        background: #251e1e;
        color: #bd832a
    }

    .giveaway .leaders .leaders-table__row.table-body:hover {
        -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, .1) inset;
        box-shadow: 0 0 15px #ffffff1a inset
    }

    .giveaway .leaders .leaders-table__info .g-twitch:hover {
        -webkit-box-shadow: 0px 0px 10px #6441a5;
        box-shadow: 0 0 10px #6441a5
    }

    .popup-giveaway-info__body#popup-giveaway-no-tickets p a:hover {
        text-decoration: underline
    }

    .twitch-link:hover {
        color: #7452b4
    }

    .spin-modal__btn:hover {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }

    .spin-modal__btn.gradient:hover,
    .spin-result .sr_modal__register-btn:hover {
        -webkit-box-shadow: 0 0 25px rgba(239, 86, 42, .4);
        box-shadow: 0 0 25px #ef562a66
    }

    .register .close-btn:hover {
        background: rgba(255, 251, 239, .15)
    }

    .register .close-btn:hover svg {
        opacity: 1
    }

    .register .download-launcher-btn:hover {
        background: rgba(255, 255, 255, .1)
    }

    .register .rl .rl-field .rl-select .s-popup .s-option:hover {
        background: rgba(255, 255, 255, .05)
    }

    .register .rl .rl-field .rl-select .s-popup .s-option:hover span {
        color: #fff
    }

    .register .rl .rl-field .rl-switcher .btn:hover svg,
    .register .rl .rl-field .rl-switcher .btn:hover span {
        opacity: 1
    }

    .register .rl .rl-field .rl-input:hover {
        border: 1px solid rgba(255, 255, 255, .1);
        background: rgba(255, 255, 255, .03)
    }

    .register .rl__register-btn:hover {
        color: #fff
    }

    .popup-payment-check .button-container a:hover {
        background-color: #f53f32
    }

    .popup__history-button.sell:not(.single):hover:after {
        background-color: #ffb3201a
    }

    .popup__history-button:not(.single):hover:after {
        background-color: #c4ff571a
    }
}

@media (any-hover: none) {
    .header__button-menu-wrap {
        cursor: default
    }
}

@media (hover: hover) {
    .footer__list a:hover {
        color: var(--primary)
    }

    .footer__social:hover {
        background: rgba(255, 251, 239, .08);
        color: var(--primary)
    }

    .button--outlined:hover {
        color: var(--primary)
    }

    .button--outlined:hover img,
    .button--outlined:hover svg {
        opacity: 1
    }

    .button--transparent:hover {
        background: rgba(255, 251, 239, .15)
    }

    .select_lang .select__option:hover {
        background: rgba(255, 251, 239, .05);
        color: var(--primary)
    }

    .main-block__server:hover {
        background: rgba(255, 251, 239, .08)
    }

    .main-block__server:hover .main-block__server-number {
        color: #232323;
        background: var(--primary)
    }

    .cabinet__aside-link:hover {
        color: var(--primary);
        background: rgba(255, 251, 239, .05)
    }

    .cabinet__aside-link:hover img,
    .cabinet__aside-link:hover svg {
        opacity: 1
    }

    .cabinet__aside-logout:hover {
        background: rgba(255, 42, 42, .15)
    }

    .news__item:hover .news__item-link:after {
        width: 100%
    }

    .news__item:hover .news__item-image img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -moz-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-box-ordinal-group: 10000;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    -moz-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes swiper-preloader-spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}