.language {
    display: none
}

@-webkit-keyframes loader_opacity__ymKbW {
    3% {
        fill-opacity: 1
    }
    75% {
        fill-opacity: 0
    }
}

@keyframes loader_opacity__ymKbW {
    3% {
        fill-opacity: 1
    }
    75% {
        fill-opacity: 0
    }
}

.loader_component__HpiXN {
    align-items: center;
    background: #1e191e;
    border-radius: 100%;
    display: flex;
    height: 140px;
    justify-content: center;
    position: relative;
    width: 140px
}

@media(max-width:1200px) {
    .loader_component__HpiXN {
        height: 120px;
        width: 120px
    }
}

@media(max-width:900px) {
    .loader_component__HpiXN {
        height: 100px;
        width: 100px
    }
}

@media(max-width:599px) {
    .loader_component__HpiXN {
        height: 80px;
        width: 80px
    }
}

.loader_component__HpiXN svg {
    height: 98%;
    width: 98%
}

.loader_circle__BO02C {
    fill: #913c43;
    fill-opacity: 0;
    -webkit-animation: loader_opacity__ymKbW 1.2s linear infinite;
    animation: loader_opacity__ymKbW 1.2s linear infinite;
    -webkit-transform-origin: center;
    transform-origin: center
}

.loader_circle__BO02C:first-child {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s;
    -webkit-transform: rotate(-30deg) translate(6px, 6px) scale(.9);
    transform: rotate(-30deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(2) {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s;
    -webkit-transform: rotate(-60deg) translate(6px, 6px) scale(.9);
    transform: rotate(-60deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(3) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s;
    -webkit-transform: rotate(-90deg) translate(6px, 6px) scale(.9);
    transform: rotate(-90deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(4) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s;
    -webkit-transform: rotate(-120deg) translate(6px, 6px) scale(.9);
    transform: rotate(-120deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(5) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    -webkit-transform: rotate(-150deg) translate(6px, 6px) scale(.9);
    transform: rotate(-150deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(6) {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s;
    -webkit-transform: rotate(-180deg) translate(6px, 6px) scale(.9);
    transform: rotate(-180deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(7) {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s;
    -webkit-transform: rotate(-210deg) translate(6px, 6px) scale(.9);
    transform: rotate(-210deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(8) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    -webkit-transform: rotate(-240deg) translate(6px, 6px) scale(.9);
    transform: rotate(-240deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(9) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
    -webkit-transform: rotate(-270deg) translate(6px, 6px) scale(.9);
    transform: rotate(-270deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(10) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-transform: rotate(-300deg) translate(6px, 6px) scale(.9);
    transform: rotate(-300deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(11) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
    -webkit-transform: rotate(-330deg) translate(6px, 6px) scale(.9);
    transform: rotate(-330deg) translate(6px, 6px) scale(.9)
}

.loader_circle__BO02C:nth-child(12) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
    -webkit-transform: rotate(-1turn) translate(6px, 6px) scale(.9);
    transform: rotate(-1turn) translate(6px, 6px) scale(.9)
}

.loader_logo__sx48r {
    height: 38%;
    position: absolute;
    width: 38%
}

.content-loader_component__YFASH {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding: 100px 0
}

@media(max-width:1200px) {
    .content-loader_component__YFASH {
        padding: 80px 0
    }
}

@media(max-width:900px) {
    .content-loader_component__YFASH {
        padding: 50px 0
    }
}

@media(max-width:599px) {
    .content-loader_component__YFASH {
        padding: 30px 0
    }
}

.full-loader_component__D8FT9 {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100%
}

@-webkit-keyframes holder_clocks__D6UBy {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes holder_clocks__D6UBy {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.holder_component__SJZRc {
    -webkit-animation: holder_clocks__D6UBy 3s linear infinite;
    animation: holder_clocks__D6UBy 3s linear infinite;
    background: url(/static/media/holder.a8d05532a3571a299c00.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    height: 84px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 84px
}

@media(max-width:1200px) {
    .holder_component__SJZRc {
        height: 64px;
        width: 64px
    }
}

@media(max-width:599px) {
    .holder_component__SJZRc {
        height: 44px;
        width: 44px
    }
}

.audio-switch_component__6UH41 {
    align-items: center;
    background: #231c23;
    border-radius: 100%;
    bottom: 10px;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 16px;
    transition: background .3s ease;
    width: 20px
}

@media(max-width:900px) {
    .audio-switch_component__6UH41 {
        height: 26px;
        position: static;
        width: 26px
    }
}

.audio-switch_component__6UH41:hover {
    background: #181318
}

.audio-switch_component__6UH41 svg {
    fill: #665366;
    height: 18px;
    width: 18px
}

@media(max-width:900px) {
    .audio-switch_component__6UH41 svg {
        height: 20px;
        width: 20px
    }
}

.home_component__S9Xap {
    align-items: center;
    background: #252229;
    display: grid;
    height: 90px;
    justify-content: center;
    position: relative;
    width: 154px
}

@media(max-width:900px) {
    .home_component__S9Xap {
        gap: 16px;
        grid-auto-flow: column;
        height: 95px;
        padding: 0 16px;
        width: 100%;
        justify-content: space-between;
    }
}

.home_link__fEq7E {
    display: flex
}

.home_link__fEq7E svg {
    height: 60px;
    width: 60px
}

@media(max-width:900px) {
    .home_link__fEq7E svg {
        height: 38px;
        width: 38px
    }
}

.home_link__fEq7E path {
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.home_link__fEq7E:hover path {
    -webkit-filter: brightness(1.4);
    filter: brightness(1.4)
}

.type-toggler_component__aJSMD {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(2, 50px);
    grid-template-rows: 1fr;
    height: 100%
}

@media(max-width:900px) {
    .type-toggler_component__aJSMD {
        grid-template-columns: 28px;
        grid-template-rows: 1fr 1fr
    }
}

.type-toggler_button__aBLfL {
    grid-gap: 6px;
    align-content: center;
    background: #2f252f;
    border-radius: 4px;
    display: grid;
    gap: 6px;
    height: 100%;
    justify-items: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(max-width:900px) {
    .type-toggler_button__aBLfL {
        border-radius: 3px
    }
}

.type-toggler_button__aBLfL:before {
    background: linear-gradient(180deg, #3e323e, #524d60);
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease;
    z-index: 1
}

.type-toggler_button__aBLfL.type-toggler_active__oUUTa:before,
.type-toggler_button__aBLfL:hover:before {
    opacity: 1
}

.type-toggler_button__aBLfL.type-toggler_active__oUUTa .type-toggler_icon__UsJJA,
.type-toggler_button__aBLfL:hover .type-toggler_icon__UsJJA {
    fill: #eadfe4
}

.type-toggler_button__aBLfL.type-toggler_active__oUUTa .type-toggler_label__wvM63,
.type-toggler_button__aBLfL:hover .type-toggler_label__wvM63 {
    color: #eadfe4
}

.type-toggler_icon__UsJJA {
    fill: #685868;
    height: 22px;
    position: relative;
    transition: fill .3s ease;
    width: 22px;
    z-index: 2
}

@media(max-width:900px) {
    .type-toggler_icon__UsJJA {
        height: 16px;
        width: 16px
    }
}

.type-toggler_label__wvM63 {
    color: #685868;
    font-size: 9px;
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
    transition: color .3s ease;
    z-index: 2
}

@media(max-width:900px) {
    .type-toggler_label__wvM63 {
        display: none
    }
}

.live-item_component__VHAz4 {
    border-radius: 4px;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 144px
}

@media(max-width:900px) {
    .live-item_component__VHAz4 {
        border-radius: 3px;
        width: 90px
    }
}

.live-item_component__VHAz4:before {
    background-size: 100%;
    content: "";
    height: 60px;
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    width: 60px;
    z-index: 1
}

@media(max-width:900px) {
    .live-item_component__VHAz4:before {
        height: 36px;
        width: 36px
    }
}

.live-item_component__VHAz4:after {
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 28px;
    position: absolute;
    right: 28px;
    z-index: 1
}

@media(max-width:900px) {
    .live-item_component__VHAz4:after {
        height: 1px;
        left: 14px;
        right: 14px
    }
}

.live-item_component__VHAz4:hover:before {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(.7);
    transform: translateX(-50%) scale(.7)
}

.live-item_component__VHAz4:hover .live-item_infoImage__dAS8n {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7)
}

.live-item_component__VHAz4:hover .live-item_detailsIcon__YuKit,
.live-item_component__VHAz4:hover .live-item_detailsImage__96lnF {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.live-item_component__VHAz4:hover .live-item_infoLabel__HxhFS {
    opacity: 0
}

.live-item_component__VHAz4:hover .live-item_detailsLabel__xQwgk {
    opacity: 1
}

.live-item_component__VHAz4.live-item_skeleton__cXTjv {
    pointer-events: none
}

.live-item_component__VHAz4.live-item_classified__R7xPq:hover:after,
.live-item_component__VHAz4.live-item_consumer__jzXpK:hover:after,
.live-item_component__VHAz4.live-item_covert__\+BwMM:hover:after,
.live-item_component__VHAz4.live-item_default__8xOMU:hover:after,
.live-item_component__VHAz4.live-item_industrial__xkVfN:hover:after,
.live-item_component__VHAz4.live-item_knife__9v9-U:hover:after,
.live-item_component__VHAz4.live-item_milspec__rnPK4:hover:after,
.live-item_component__VHAz4.live-item_restricted__vG8X8:hover:after {
    background: transparent
}

.live-item_component__VHAz4.live-item_consumer__jzXpK,
.live-item_component__VHAz4.live-item_default__8xOMU {
    background: linear-gradient(0deg, #463c46, #3e323e 73.44%)
}

.live-item_component__VHAz4.live-item_consumer__jzXpK:before,
.live-item_component__VHAz4.live-item_default__8xOMU:before {
    background-image: url(/static/media/logo-gray.8ec22e55af86e9ca15e6.svg)
}

.live-item_component__VHAz4.live-item_consumer__jzXpK:after,
.live-item_component__VHAz4.live-item_default__8xOMU:after {
    background: #969396;
    box-shadow: 0 -6px 60px 12px hsla(0, 0%, 80%, .3)
}

.live-item_component__VHAz4.live-item_classified__R7xPq {
    background: linear-gradient(0deg, #4e2f41, #3e323e 73.44%)
}

.live-item_component__VHAz4.live-item_classified__R7xPq:before {
    background-image: url(/static/media/logo-pink.f5de54e0054046ba6223.svg)
}

.live-item_component__VHAz4.live-item_classified__R7xPq:after {
    background: #c55980;
    box-shadow: 0 -6px 60px 12px rgba(255, 148, 186, .3)
}

.live-item_component__VHAz4.live-item_knife__9v9-U {
    background: linear-gradient(1turn, #3d3026, #3e323e 73.96%)
}

.live-item_component__VHAz4.live-item_knife__9v9-U:before {
    background-image: url(/static/media/logo-yellow.50664449d9acb5b306dd.svg)
}

.live-item_component__VHAz4.live-item_knife__9v9-U:after {
    background: #db975d;
    box-shadow: 0 -6px 60px 12px rgba(205, 129, 66, .5)
}

.live-item_component__VHAz4.live-item_industrial__xkVfN {
    background: linear-gradient(0deg, #2c3159, #3e323e 73.44%)
}

.live-item_component__VHAz4.live-item_industrial__xkVfN:before {
    background-image: url(/static/media/logo-blue.4e273cda19420585fcfa.svg)
}

.live-item_component__VHAz4.live-item_industrial__xkVfN:after {
    background: #5776e4;
    box-shadow: 0 -6px 60px 12px rgba(131, 158, 255, .3)
}

.live-item_component__VHAz4.live-item_restricted__vG8X8 {
    background: linear-gradient(0deg, #463050, #3e323e 73.44%)
}

.live-item_component__VHAz4.live-item_restricted__vG8X8:before {
    background-image: url(/static/media/logo-purple.a4aa4ed4111b356b891f.svg)
}

.live-item_component__VHAz4.live-item_restricted__vG8X8:after {
    background: #7750e4;
    box-shadow: 0 -6px 60px 12px rgba(150, 100, 255, .3)
}

.live-item_component__VHAz4.live-item_covert__\+BwMM {
    background: linear-gradient(1turn, #3e2a2c, #3e323e 73.96%)
}

.live-item_component__VHAz4.live-item_covert__\+BwMM:before {
    background-image: url(/static/media/logo-red.409e076f54da7ca89591.svg)
}

.live-item_component__VHAz4.live-item_covert__\+BwMM:after {
    background: #da5763;
    box-shadow: 0 -6px 60px 12px rgba(226, 81, 94, .5)
}

.live-item_component__VHAz4.live-item_milspec__rnPK4 {
    background: linear-gradient(0deg, #324549, #3e323e 73.44%)
}

.live-item_component__VHAz4.live-item_milspec__rnPK4:before {
    background-image: url(/static/media/logo-light-blue.83ce2e1e839c647f28b9.svg)
}

.live-item_component__VHAz4.live-item_milspec__rnPK4:after {
    background: #79a8ca;
    box-shadow: 0 -6px 60px 12px rgba(92, 245, 255, .3)
}

.live-item_detailsIcon__YuKit,
.live-item_detailsImage__96lnF,
.live-item_infoImage__dAS8n {
    height: 60px;
    left: 50%;
    object-fit: contain;
    position: absolute;
    top: 34px;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    width: 96px;
    z-index: 2
}

@media(max-width:900px) {
    .live-item_detailsIcon__YuKit,
    .live-item_detailsImage__96lnF,
    .live-item_infoImage__dAS8n {
        height: 36px;
        top: 22px;
        width: 66px
    }
}

.live-item_infoImage__dAS8n {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.live-item_detailsIcon__YuKit,
.live-item_detailsImage__96lnF {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7)
}

.live-item_detailsLabel__xQwgk,
.live-item_infoLabel__HxhFS {
    bottom: 10px;
    color: rgba(245, 231, 245, .9);
    font-size: 12px;
    font-weight: 500;
    left: 50%;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .2s ease;
    white-space: nowrap;
    width: 96px;
    z-index: 2
}

@media(max-width:900px) {
    .live-item_detailsLabel__xQwgk,
    .live-item_infoLabel__HxhFS {
        bottom: 8px;
        font-size: 10px;
        width: 66px
    }
}

.live-item_infoLabel__HxhFS {
    opacity: 1
}

.live-item_detailsLabel__xQwgk {
    opacity: 0
}

.live-item_skeletonImage__M6wd4 {
    height: 52px;
    left: 50%;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 96px;
    z-index: 2
}

@media(max-width:900px) {
    .live-item_skeletonImage__M6wd4 {
        height: 28px;
        width: 66px
    }
}

.live-item_skeletonImage__M6wd4 span {
    inset: 0;
    position: absolute
}

.live-item_skeletonLabel__UU1RG {
    bottom: 10px;
    height: 12px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 96px;
    z-index: 2
}

@media(max-width:900px) {
    .live-item_skeletonLabel__UU1RG {
        bottom: 8px;
        height: 10px;
        width: 66px
    }
}

.live-item_skeletonLabel__UU1RG span {
    inset: 0;
    position: absolute
}

.live_component__-8pPp {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    grid-template-columns: auto 1fr;
    height: 90px
}

@media(max-width:900px) {
    .live_component__-8pPp {
        height: 56px
    }
}

.live_list__oBc60 {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    grid-auto-flow: column;
    height: 100%;
    justify-content: start;
    overflow: hidden;
    position: relative;
    width: 100%
}

.live_list__oBc60:after {
    background: linear-gradient(90deg, rgba(36, 30, 36, 0), #201a20);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 190px
}

@media(max-width:900px) {
    .live_list__oBc60:after {
        width: 90px
    }
}

.live_itemWrapper__X4DU7 {
    height: 100%;
    position: absolute;
    -webkit-transform: translateX(calc((100% + 2px)*var(--position)));
    transform: translateX(calc((100% + 2px)*var(--position)));
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media(max-width:900px) {
    .live_itemWrapper__X4DU7 {
        transition: none
    }
}

.live_itemWrapper__X4DU7.live_enter__Ldzyc {
    -webkit-transform: translateX(calc((100% + 2px)*var(--position) - (100% + 2px)*var(--new-elements-count)));
    transform: translateX(calc((100% + 2px)*var(--position) - (100% + 2px)*var(--new-elements-count)))
}

.live_itemWrapper__X4DU7.live_enterActive__x3fsv {
    -webkit-transform: translateX(calc((100% + 2px)*var(--position)));
    transform: translateX(calc((100% + 2px)*var(--position)))
}

.online_component__1qBTJ {
    grid-gap: 8px;
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(150, 142, 162, .28);
    border-radius: 8px;
    box-shadow: -10px 4px 24px rgba(23, 19, 23, .5);
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    padding: 16px
}

@media(max-width:900px) {
    .online_component__1qBTJ {
        -webkit-backdrop-filter: initial;
        backdrop-filter: none;
        background: #2a212a;
        border-radius: 6px;
        box-shadow: none;
        padding: 8px
    }
}

.online_icon__6lBlr {
    height: 28px;
    width: 28px
}

@media(max-width:900px) {
    .online_icon__6lBlr {
        height: 20px;
        width: 20px
    }
}

.online_content__EzxvT {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    justify-items: start
}

.online_count__M3gmy {
    color: #ffb374;
    font-size: 14px;
    font-weight: 700;
    line-height: 1
}

@media(max-width:900px) {
    .online_count__M3gmy {
        font-size: 11px
    }
}

.online_title__kppd1 {
    color: #867567;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

@media(max-width:900px) {
    .online_title__kppd1 {
        font-size: 7px
    }
}

.online_countSkeleton__9jPyA {
    height: 14px;
    position: relative;
    width: 90%
}

@media(max-width:900px) {
    .online_countSkeleton__9jPyA {
        height: 11px
    }
}

.online_countSkeleton__9jPyA span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.menu_component__7RC8a {
    grid-gap: 12px;
    background: linear-gradient(233.71deg, #343138 20.85%, #232126 128.06%);
    display: grid;
    gap: 12px;
    padding: 20px
}

@media(max-width:900px) {
    .menu_component__7RC8a {
        background: linear-gradient(233.71deg, #232126 20.85%, #343138 128.06%);
        order: 1
    }
}

.menu_item__Q93yh.menu_contracts__wvHod,
.menu_item__Q93yh.menu_upgrade__3sGLx {
    display: none
}

@media(max-width:1200px) {
    .menu_item__Q93yh.menu_contracts__wvHod,
    .menu_item__Q93yh.menu_upgrade__3sGLx {
        display: grid
    }
}

.menu_item__Q93yh .menu_link__VbLi\+.menu_icon__bRHHx {
    fill: #908388
}

.menu_item__Q93yh .menu_link__VbLi\+.menu_title__6HMMr {
    color: #eadfe4
}

.menu_item__Q93yh .menu_button__jZbLV .menu_icon__bRHHx {
    fill: #555057
}

.menu_item__Q93yh .menu_button__jZbLV .menu_title__6HMMr {
    color: #555057
}

.menu_item__Q93yh .menu_button__jZbLV:hover .menu_icon__bRHHx,
.menu_item__Q93yh .menu_link__VbLi\+:hover .menu_icon__bRHHx {
    fill: #fff
}

.menu_item__Q93yh .menu_button__jZbLV:hover .menu_title__6HMMr,
.menu_item__Q93yh .menu_link__VbLi\+:hover .menu_title__6HMMr {
    color: #fff
}

.menu_button__jZbLV,
.menu_link__VbLi\+ {
    grid-gap: 10px;
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: auto 1fr;
    justify-items: start
}

@media(max-width:900px) {
    .menu_button__jZbLV,
    .menu_link__VbLi\+ {
        gap: 8px
    }
}

.menu_icon__bRHHx {
    height: 20px;
    transition: fill .3s ease;
    width: 20px
}

@media(max-width:900px) {
    .menu_icon__bRHHx {
        height: 18px;
        width: 18px
    }
}

.menu_title__6HMMr {
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease;
    white-space: nowrap;
    width: 100%
}

@media(max-width:900px) {
    .menu_title__6HMMr {
        font-size: 12px
    }
}

.news-skeleton_component__gsp99 {
    grid-gap: 5px;
    display: grid;
    gap: 5px
}

.news-skeleton_date__JTOF9 {
    height: 12px;
    position: relative;
    width: 40%
}

@media(max-width:900px) {
    .news-skeleton_date__JTOF9 {
        height: 10px
    }
}

.news-skeleton_date__JTOF9 span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.news-skeleton_title__QbjoF {
    height: 14px;
    position: relative;
    width: 100%
}

@media(max-width:900px) {
    .news-skeleton_title__QbjoF {
        height: 12px
    }
}

.news-skeleton_title__QbjoF span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.news-skeleton_description__jCctf {
    height: 84px;
    position: relative;
    width: 100%
}

@media(max-width:900px) {
    .news-skeleton_description__jCctf {
        height: 74px
    }
}

.news-skeleton_description__jCctf span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.news-item_component__4WT2n {
    grid-gap: 5px;
    display: grid;
    gap: 5px
}

.news-item_date__ojoWB {
    color: #9b8c91;
    font-size: 12px;
    font-weight: 400
}

@media(max-width:900px) {
    .news-item_date__ojoWB {
        font-size: 10px
    }
}

.news-item_title__BkU9I {
    color: #ffb374;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

@media(max-width:900px) {
    .news-item_title__BkU9I {
        font-size: 12px
    }
}

.news-item_content__UvOug {
    grid-gap: 12px;
    display: grid;
    gap: 12px
}

.news-item_description__aIpWL {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33
}

@media(max-width:900px) {
    .news-item_description__aIpWL {
        font-size: 10px
    }
}

.news-item_link__J0dFs {
    background: #ffb374;
    border-radius: 6px;
    color: #321e0c;
    font-size: 14px;
    font-weight: 500;
    padding: 14px;
    text-align: center;
    transition: background .3s ease, color .3s ease
}

@media(max-width:900px) {
    .news-item_link__J0dFs {
        font-size: 13px;
        padding: 11px
    }
}

.news-item_link__J0dFs:hover {
    background: #ffb77b;
    color: #321e0c
}

.news_component__Ysd32 {
    grid-gap: 18px;
    background: linear-gradient(159.46deg, hsla(267, 4%, 53%, .481), rgba(32, 29, 32, .74) .01%, rgba(47, 43, 48, .74) 72.72%);
    display: grid;
    gap: 18px;
    padding: 20px
}

@media(max-width:900px) {
    .news_component__Ysd32 {
        background: linear-gradient(159.46deg, hsla(267, 4%, 53%, .12), rgba(85, 83, 88, .216) 72.72%)
    }
}

.user-menu_component__Yc3V9 {
    position: absolute;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, transform .2s ease;
    transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease
}

.user-menu_component__Yc3V9.user-menu_enter__ANnM4 {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.user-menu_component__Yc3V9.user-menu_enterActive__fNGkr,
.user-menu_component__Yc3V9.user-menu_exit__USJxC {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.user-menu_component__Yc3V9.user-menu_exitActive__GlBZy {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.user-menu_wrapper__1Y3\+h {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: rgba(23, 19, 23, .7);
    border-radius: 10px;
    box-shadow: 0 4px 30px #171317;
    display: grid;
    overflow: hidden;
    width: 238px
}

@media(max-width:900px) {
    .user-menu_wrapper__1Y3\+h {
        border-radius: 8px
    }
}

.user-avatar-desktop_component__u22vb {
    position: relative
}

.user-avatar-desktop_component__u22vb:before {
    background: transparent;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    height: 16px;
    position: absolute;
    right: -4px;
    top: -1px;
    transition: border .3s ease, background .3s ease;
    width: 16px
}

.user-avatar-desktop_component__u22vb.user-avatar-desktop_unread__GyguJ:before {
    background: #ff4959;
    border: 3px solid #231d23
}

.user-avatar-desktop_avatar__1usj0 {
    border: 4px solid #231d23;
    border-radius: 16px;
    height: 52px;
    object-fit: contain;
    width: 52px
}

.user-avatar-desktop_userMenu__\+GVtp {
    right: -8px;
    top: calc(100% + 12px)
}

.user-avatar-desktop_userMenu__\+GVtp:before {
    border-bottom: 8px solid #343138;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    bottom: 100%;
    content: "";
    position: absolute;
    right: 22px
}

.user-avatar-mobile_avatar__rd4SU {
    border: 3px solid #2a212a;
    border-radius: 12px;
    height: 44px;
    object-fit: contain;
    width: 44px
}

.open-sign-in-modal-button_component__F-8IZ {
    background: #ffb374;
    border-radius: 8px;
    color: #321e0c;
    font-size: 13px;
    font-weight: 800;
    padding: 14px 22px;
    text-transform: uppercase;
    transition: background .3s ease
}

@media(max-width:900px) {
    .open-sign-in-modal-button_component__F-8IZ {
        border-radius: 7px;
        font-size: 12px;
        padding: 12px 20px
    }
}

@media(max-width:599px) {
    .open-sign-in-modal-button_component__F-8IZ {
        border-radius: 6px;
        font-size: 11px;
        padding: 10px 18px
    }
}

.open-sign-in-modal-button_component__F-8IZ:hover {
    background: #ffc18c
}

.sign-in-modal_component__Z9Qv0 {
    grid-gap: 30px;
    background: linear-gradient(124.48deg, #1f1d22 22.16%, #262329 77.23%);
    border-radius: 16px;
    display: grid;
    gap: 30px;
    max-width: 100%;
    padding: 40px 32px 32px;
    position: relative;
    width: 496px
}

@media(max-width:900px) {
    .sign-in-modal_component__Z9Qv0 {
        border-radius: 12px;
        gap: 24px;
        padding: 32px 24px 24px
    }
}

@media(max-width:599px) {
    .sign-in-modal_component__Z9Qv0 {
        border-radius: 8px;
        gap: 18px;
        padding: 24px 16px 16px
    }
}

.sign-in-modal_closeButton__EnU1y {
    position: absolute;
    right: 16px;
    top: 16px
}

@media(max-width:900px) {
    .sign-in-modal_closeButton__EnU1y {
        right: 14px;
        top: 14px
    }
}

@media(max-width:599px) {
    .sign-in-modal_closeButton__EnU1y {
        right: 12px;
        top: 12px
    }
}

.sign-in-modal_closeButton__EnU1y:hover svg {
    fill: #58515e
}

.sign-in-modal_closeButton__EnU1y svg {
    fill: #45404a;
    height: 36px;
    transition: fill .3s ease;
    width: 36px
}

@media(max-width:900px) {
    .sign-in-modal_closeButton__EnU1y svg {
        height: 32px;
        width: 32px
    }
}

@media(max-width:599px) {
    .sign-in-modal_closeButton__EnU1y svg {
        height: 28px;
        width: 28px
    }
}

.sign-in-modal_title__nmkTc {
    font-size: 24px;
    font-weight: 400;
    text-align: center
}

@supports((-webkit-background-clip:text) or (background-clip:text)) {
    .sign-in-modal_title__nmkTc {
        background: linear-gradient(180deg, #937e82, #fff8f3);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

@media(max-width:900px) {
    .sign-in-modal_title__nmkTc {
        font-size: 20px
    }
}

@media(max-width:599px) {
    .sign-in-modal_title__nmkTc {
        font-size: 16px
    }
}

.sign-in-modal_list__GLa9O {
    grid-gap: 14px;
    display: grid;
    gap: 14px
}

@media(max-width:900px) {
    .sign-in-modal_list__GLa9O {
        gap: 12px
    }
}

@media(max-width:599px) {
    .sign-in-modal_list__GLa9O {
        gap: 10px
    }
}

.sign-in-modal_item__y0y2l {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: border .3s ease, background .3s ease
}

@media(max-width:900px) {
    .sign-in-modal_item__y0y2l {
        border-radius: 10px
    }
}

@media(max-width:599px) {
    .sign-in-modal_item__y0y2l {
        border-radius: 8px
    }
}

.sign-in-modal_item__y0y2l.sign-in-modal_loading__kE3\+V {
    cursor: wait;
    opacity: .8
}

.sign-in-modal_item__y0y2l.sign-in-modal_google__UKV-p {
    background: #2e252d;
    border: 1px solid rgba(114, 61, 68, .5)
}

.sign-in-modal_item__y0y2l.sign-in-modal_google__UKV-p:hover {
    background: #ff746b
}

.sign-in-modal_item__y0y2l.sign-in-modal_google__UKV-p:hover .sign-in-modal_button__HFqv5 {
    color: #2e252d
}

.sign-in-modal_item__y0y2l.sign-in-modal_google__UKV-p:hover .sign-in-modal_icon__h4p4s {
    fill: #2e252d
}

.sign-in-modal_item__y0y2l.sign-in-modal_google__UKV-p .sign-in-modal_button__HFqv5 {
    color: #ff746b
}

.sign-in-modal_item__y0y2l.sign-in-modal_google__UKV-p .sign-in-modal_icon__h4p4s {
    fill: #ff746b
}

.sign-in-modal_item__y0y2l.sign-in-modal_steam__vdsr\+ {
    background: #2b2b2b;
    border: 1px solid rgba(58, 111, 86, .32)
}

.sign-in-modal_item__y0y2l.sign-in-modal_steam__vdsr\+:hover {
    background: #59c893
}

.sign-in-modal_item__y0y2l.sign-in-modal_steam__vdsr\+:hover .sign-in-modal_button__HFqv5 {
    color: #2b2b2b
}

.sign-in-modal_item__y0y2l.sign-in-modal_steam__vdsr\+:hover .sign-in-modal_icon__h4p4s {
    fill: #2b2b2b
}

.sign-in-modal_item__y0y2l.sign-in-modal_steam__vdsr\+.sign-in-modal_button__HFqv5 {
    color: #59c893
}

.sign-in-modal_item__y0y2l.sign-in-modal_steam__vdsr\+.sign-in-modal_icon__h4p4s {
    fill: #59c893
}

.sign-in-modal_item__y0y2l.sign-in-modal_vk__W8SDC {
    background: #2b2f36;
    border: 1px solid rgba(70, 107, 178, .21)
}

.sign-in-modal_item__y0y2l.sign-in-modal_vk__W8SDC:hover {
    background: #78a6ff
}

.sign-in-modal_item__y0y2l.sign-in-modal_vk__W8SDC:hover .sign-in-modal_button__HFqv5 {
    color: #2b2f36
}

.sign-in-modal_item__y0y2l.sign-in-modal_vk__W8SDC:hover .sign-in-modal_icon__h4p4s {
    fill: #2b2f36
}

.sign-in-modal_item__y0y2l.sign-in-modal_vk__W8SDC .sign-in-modal_button__HFqv5 {
    color: #78a6ff
}

.sign-in-modal_item__y0y2l.sign-in-modal_vk__W8SDC .sign-in-modal_icon__h4p4s {
    fill: #78a6ff
}

.sign-in-modal_item__y0y2l.sign-in-modal_telegram__86dOZ {
    background: #2b3336;
    border: 1px solid rgba(61, 117, 141, .3)
}

.sign-in-modal_item__y0y2l.sign-in-modal_telegram__86dOZ:hover {
    background: #6dcef8
}

.sign-in-modal_item__y0y2l.sign-in-modal_telegram__86dOZ:hover .sign-in-modal_button__HFqv5 {
    color: #2b3336
}

.sign-in-modal_item__y0y2l.sign-in-modal_telegram__86dOZ:hover .sign-in-modal_icon__h4p4s {
    fill: #2b3336
}

.sign-in-modal_item__y0y2l.sign-in-modal_telegram__86dOZ .sign-in-modal_button__HFqv5 {
    color: #6dcef8
}

.sign-in-modal_item__y0y2l.sign-in-modal_telegram__86dOZ .sign-in-modal_icon__h4p4s {
    fill: #6dcef8
}

.sign-in-modal_button__HFqv5 {
    grid-gap: 12px;
    align-items: center;
    display: grid;
    font-size: 17px;
    font-weight: 500;
    gap: 12px;
    grid-template-columns: auto 1fr;
    height: 100%;
    justify-items: start;
    padding: 16px 24px;
    transition: color .3s ease;
    width: 100%
}

@media(max-width:900px) {
    .sign-in-modal_button__HFqv5 {
        font-size: 15px;
        padding: 15px 20px
    }
}

@media(max-width:599px) {
    .sign-in-modal_button__HFqv5 {
        font-size: 13px;
        padding: 14px 18px
    }
}

.sign-in-modal_icon__h4p4s {
    fill: #45404a;
    height: 28px;
    transition: fill .3s ease;
    width: 28px
}

@media(max-width:900px) {
    .sign-in-modal_icon__h4p4s {
        height: 24px;
        width: 24px
    }
}

@media(max-width:599px) {
    .sign-in-modal_icon__h4p4s {
        height: 20px;
        width: 20px
    }
}

.side_component__QHenJ {
    grid-gap: 8px;
    align-items: center;
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    height: 90px;
    padding: 0 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media(max-width:900px) {
    .side_component__QHenJ {
        height: 60px
    }
}

.side_signInButton__6AbrV {
    border-radius: 6px;
    font-size: 10px;
    padding: 10px 18px
}

.menu-banners_component__fzEe3 {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    grid-auto-columns: 200px;
    grid-auto-flow: column
}

@media(max-width:1200px) {
    .menu-banners_component__fzEe3 {
        grid-auto-columns: 1fr
    }
}

.menu-banners_link__Ri0vj {
    background: linear-gradient(253.05deg, #252229 17.74%, #443e4d 108.2%);
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.menu-banners_link__Ri0vj:before {
    background: linear-gradient(253.05deg, #2b2731 17.74%, #443e4d 108.2%);
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease
}

.menu-banners_link__Ri0vj:hover:before {
    opacity: 1
}

.menu-banners_link__Ri0vj:hover .menu-banners_image__NJ6pT {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.menu-banners_image__NJ6pT {
    bottom: 0;
    height: 86%;
    left: 0;
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.menu-banners_label__4aYAU {
    color: #e2e2e2;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    right: 12px;
    text-transform: uppercase;
    top: 12px
}

@media(max-width:1200px) {
    .menu-banners_label__4aYAU {
        font-size: 13px
    }
}

.menu-links_component__zueBF {
    grid-gap: 24px;
    align-items: center;
    background: #252229;
    display: grid;
    gap: 24px;
    grid-auto-flow: column;
    justify-content: start;
    justify-items: start;
    padding: 0 24px;
}

@media(max-width:900px) {
    .menu-links_component__zueBF {
        display: none;
    }

    .header_secondRow__OLMva {
        display: block !important;
    }
        
}

.menu-links_link__WfJF7 {
    grid-gap: 8px;
    align-items: center;
    color: #eadfe4;
    display: grid;
    font-size: 15px;
    letter-spacing: 3;
    font-weight: 600;
    gap: 8px;
    grid-template-columns: auto 1fr;
    padding: 10px 0;
    text-transform: uppercase;
    transition: color .3s ease
}

.menu-links_link__WfJF7:hover {
    color: #ffa860
}

.menu-links_link__WfJF7:hover .menu-links_icon__fpb1X {
    fill: #ffa860
}

.menu-links_icon__fpb1X {
    fill: #72676b;
    height: 24px;
    transition: fill .3s ease;
    width: 24px
}

.points_component__q2iBM {
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    position: relative;
    text-transform: uppercase
}

@supports((-webkit-background-clip:text) or (background-clip:text)) {
    .points_component__q2iBM {
        background: linear-gradient(270deg, #fff9f1, rgba(255, 249, 241, .39));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

.points_skeleton__7B\+mH {
    height: 15px;
    position: relative;
    width: 100%
}

.points_skeleton__7B\+mH span {
    inset: 0;
    position: absolute
}

.points_row__4IbCr {
    display: flex;
    gap: 4px
}

.points_accent__mQwFG {
    color: #d09151
}

.event-link_component__xbUw7 {
    align-items: end;
    background: linear-gradient(46deg, #1b1c26, #232921);
    display: grid;
    overflow: hidden;
    padding: 0 16px 16px;
    position: relative;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    width: 240px
}

.event-link_component__xbUw7:before {
    background-image: url(/static/media/header-event-link.140a0b6dac13c44d81f7.png);
    background-position: 50% 0;
    background-size: cover;
    content: "";
    height: 100%;
    position: absolute;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    width: 100%
}

.event-link_component__xbUw7:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.event-link_component__xbUw7:hover:before {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.event-link_block__TetNx {
    grid-gap: 4px;
    display: grid;
    gap: 4px;
    position: relative;
    z-index: 2
}

.event-link_title__yLjqh {
    color: #fff9f1;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase
}

.socials_component__xC4mC {
    grid-gap: 8px;
    align-items: center;
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    justify-items: center
}

.socials_item__EhhFx:hover .socials_icon__3VgQP {
    fill: #746c73
}

.socials_link__qPe\+f {
    align-items: center;
    display: flex;
    justify-content: center
}

.socials_icon__3VgQP {
    fill: #554f54;
    height: 24px;
    transition: fill .3s ease;
    width: 24px
}

.refill-button_component__7bWLB {
    grid-gap: 12px;
    align-items: center;
    display: grid;
    gap: 12px;
    grid-auto-flow: column
}

.refill-button_component__7bWLB:hover .refill-button_addIcon__vV6zL {
    background: #a8ffd5
}

.refill-button_component__7bWLB:hover .refill-button_balance__qaCBz {
    color: #a8ffd5
}

.refill-button_addIcon__vV6zL {
    align-items: center;
    background: #4cea9e;
    border-radius: 6px;
    display: flex;
    height: 22px;
    justify-content: center;
    transition: background .3s ease;
    width: 22px
}

.refill-button_addIcon__vV6zL svg {
    fill: #252229;
    height: 18px;
    width: 18px
}

.refill-button_content__EEDgZ {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    justify-items: end
}

.refill-button_balance__qaCBz {
    color: #4cea9e;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.02em;
    transition: color .3s ease
}

.refill-button_goldcoin__jigzH {
    grid-gap: 4px;
    align-items: center;
    color: #ffa860;
    display: grid;
    font-size: 13px;
    font-weight: 500;
    gap: 4px;
    grid-auto-flow: column;
    letter-spacing: .02em
}

.refill-button_goldcoin__jigzH svg {
    height: 12px;
    width: 12px
}

.account_component__ZaH9Y {
    grid-gap: 16px;
    align-items: center;
    display: grid;
    gap: 16px;
    grid-auto-flow: column
}

.panel_component__RJCAA {
    grid-gap: 24px;
    align-items: center;
    background: #252229;
    display: grid;
    gap: 24px;
    grid-auto-flow: column;
    padding: 0 24px
}

@media(max-width:1500px) {
    .panel_socials__5J\+CO {
        display: none
    }
}

.panel_signInButton__G4iuG {
    border-radius: 8px;
    font-size: 13px;
    padding: 14px 22px
}

.header_component__qqdNH {
    grid-gap: 3px;
    /* background: linear-gradient(180deg, rgba(47, 37, 47, .7), rgba(42, 34, 43, .7) 27.08%, rgba(30, 27, 33, .7)); */
    display: grid;
    gap: 3px;
    position: relative;
    z-index: 10000
}

.header_firstRow__ocxOE {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    grid-template-columns: auto 1fr;
    position: relative
}

@media(max-width:900px) {
    .header_firstRow__ocxOE {
        grid-template-columns: 1fr
    }
}

.header_secondRow__OLMva {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    height: 90px;
}



.container_component__FOrkR {
    --container-padding-side: 24px;
    --container-max-width: none;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: calc(var(--container-max-width) + var(--container-padding-side)*2);
    padding: 0 var(--container-padding-side);
    width: 100%
}

@media(max-width:900px) {
    .container_component__FOrkR {
        --container-padding-side: 16px
    }
}

@-webkit-keyframes loading_dot-show__Ud5wV {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loading_dot-show__Ud5wV {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loading_dot-move__V49Yp {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(calc(var(--size) + var(--gap)));
        transform: translateX(calc(var(--size) + var(--gap)))
    }
}

@keyframes loading_dot-move__V49Yp {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(calc(var(--size) + var(--gap)));
        transform: translateX(calc(var(--size) + var(--gap)))
    }
}

@-webkit-keyframes loading_dot-hide__VAdVR {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes loading_dot-hide__VAdVR {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.loading_component__i5tfv {
    --gap: 10px;
    --size: 12px;
    align-items: center;
    display: flex;
    height: var(--size);
    position: relative;
    width: calc(var(--size)*3 + var(--gap)*2)
}

@media(max-width:900px) {
    .loading_component__i5tfv {
        --gap: 9px;
        --size: 10px
    }
}

@media(max-width:599px) {
    .loading_component__i5tfv {
        --gap: 8px;
        --size: 8px
    }
}

.loading_dot__kjGsc {
    background: #e76d56;
    border-radius: 100%;
    height: var(--size);
    position: absolute;
    width: var(--size)
}

.loading_dot__kjGsc:first-child {
    -webkit-animation: loading_dot-show__Ud5wV .6s infinite;
    animation: loading_dot-show__Ud5wV .6s infinite;
    left: 0
}

.loading_dot__kjGsc:nth-child(2) {
    left: 0
}

.loading_dot__kjGsc:nth-child(2),
.loading_dot__kjGsc:nth-child(3) {
    -webkit-animation: loading_dot-move__V49Yp .6s infinite;
    animation: loading_dot-move__V49Yp .6s infinite
}

.loading_dot__kjGsc:nth-child(3) {
    left: calc(var(--size) + var(--gap))
}

.loading_dot__kjGsc:nth-child(4) {
    -webkit-animation: loading_dot-hide__VAdVR .6s infinite;
    animation: loading_dot-hide__VAdVR .6s infinite;
    left: calc(var(--size)*2 + var(--gap)*2)
}

.spray_component__P0igA {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.spray_component__P0igA:before {
    background-size: contain;
    content: "";
    padding-top: 100%;
    position: absolute;
    width: 100%
}

.spray_withLogo__WN-e9:after {
    background-size: contain;
    content: "";
    padding-top: 50%;
    position: absolute;
    width: 50%
}

.spray_consumer__kr7Ss:before,
.spray_default__HuxAs:before {
    background-image: url(/static/media/spray-gray.6c6b0b0ddf57984fc33e.svg)
}

.spray_consumer__kr7Ss:after,
.spray_default__HuxAs:after {
    background-image: url(/static/media/logo-3d-gray.cf3dce7c2f09f79b8ecc.svg)
}

.spray_milspec__\+NpHN:before {
    background-image: url(/static/media/spray-light-blue.161940251e4ef6053d2e.svg)
}

.spray_milspec__\+NpHN:after {
    background-image: url(/static/media/logo-3d-light-blue.d0916a4d4a972cd22cff.svg)
}

.spray_industrial__iH-\+I:before {
    background-image: url(/static/media/spray-blue.38bea64c5542205b042d.svg)
}

.spray_industrial__iH-\+I:after {
    background-image: url(/static/media/logo-3d-blue.037fa1ce9882535ea9d3.svg)
}

.spray_restricted__v-vl9:before {
    background-image: url(/static/media/spray-purple.20efc802d742a54d1312.svg)
}

.spray_restricted__v-vl9:after {
    background-image: url(/static/media/logo-3d-purple.dbd1af92116b92f7da08.svg)
}

.spray_classified__aiUtd:before {
    background-image: url(/static/media/spray-pink.08c223ab65467a5657b7.svg)
}

.spray_classified__aiUtd:after {
    background-image: url(/static/media/logo-3d-pink.c22a13eb7868555469db.svg)
}

.spray_covert__ocrgU:before {
    background-image: url(/static/media/spray-red.d9194fb368eb3625e481.svg)
}

.spray_covert__ocrgU:after {
    background-image: url(/static/media/logo-3d-red.9cbdad5d6edec1cdb0eb.svg)
}

.spray_knife__9ufwf:before {
    background-image: url(/static/media/spray-yellow.f882cfa9cfac5a606d40.svg)
}

.spray_knife__9ufwf:after {
    background-image: url(/static/media/logo-3d-yellow.ffa42d30ae82bdc016e2.svg)
}

.spray_goldcoin__9Z0jB:before {
    background-image: url(/static/media/spray-goldcoin.51b708e85935771f3d4a.svg)
}

.switch_component__TwlFz {
    --h: 20px;
    background: #39323f;
    border-radius: 10px;
    cursor: pointer;
    height: var(--h);
    position: relative;
    transition: background .3s ease;
    width: 35px
}

.switch_component__TwlFz:before {
    background: #807076;
    border-radius: 100%;
    content: "";
    height: var(--h);
    left: 0;
    position: absolute;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    transition: background .3s ease, left .3s ease;
    width: var(--h)
}

.switch_component__TwlFz:hover:before {
    background: #d5d5d5
}

.switch_component__TwlFz.switch_checked__R59lO {
    background: rgba(154, 112, 81, .33)
}

.switch_component__TwlFz.switch_checked__R59lO:before {
    background: #ffb274;
    left: calc(100% - var(--h))
}

@media(max-width:599px) {
    .switch_component__TwlFz {
        --h: 16px;
        width: 28px
    }
}

.switch_input__nj2Ep {
    visibility: hidden
}

.page_page__KUIMx {
    flex-grow: 1
}

.first-row_component__jybR4 {
    --logo-size: 62px;
    --gap: 24px;
    grid-gap: var(--gap);
    align-items: center;
    display: grid;
    gap: var(--gap);
    grid-template-columns: var(--logo-size) minmax(calc(400px - var(--logo-size) - var(--gap)), calc(540px - var(--logo-size) - var(--gap))) minmax(360px, 420px) minmax(320px, 1fr);
    position: relative
}

@media(max-width:1200px) {
    .first-row_component__jybR4 {
        --logo-size: 56px;
        grid-template-columns: var(--logo-size) minmax(calc(340px - var(--logo-size) - var(--gap)), calc(480px - var(--logo-size) - var(--gap))) 340px minmax(124px, 1fr)
    }
}

@media(max-width:900px) {
    .first-row_component__jybR4 {
        --logo-size: 50px;
        --gap: 16px;
        gap: var(--gap);
        grid-template-columns: auto 1fr
    }
}

@media(max-width:599px) {
    .first-row_component__jybR4 {
        --logo-size: 44px
    }
}

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

@media(max-width:900px) {
    .first-row_link__JaRuw {
        grid-column: 1/2;
        grid-row: 1/3
    }
}

.first-row_link__JaRuw:hover .first-row_logo__79-1r {
    fill: #544c54
}

.first-row_logo__79-1r {
    fill: #443d44;
    height: var(--logo-size);
    transition: fill .3s ease;
    width: var(--logo-size)
}

.first-row_copyrightWrapper__qP-0Z {
    grid-gap: 4px;
    display: grid;
    gap: 4px
}

.first-row_copyrightTitle__IIMaS {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .first-row_copyrightTitle__IIMaS {
        font-size: 15px
    }
}

@media(max-width:900px) {
    .first-row_copyrightTitle__IIMaS {
        font-size: 14px
    }
}

@media(max-width:599px) {
    .first-row_copyrightTitle__IIMaS {
        font-size: 13px
    }
}

.first-row_copyrightSubtitle__MVu-7 {
    color: #9f969b;
    font-size: 15px
}

@media(max-width:1200px) {
    .first-row_copyrightSubtitle__MVu-7 {
        font-size: 14px
    }
}

@media(max-width:900px) {
    .first-row_copyrightSubtitle__MVu-7 {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .first-row_copyrightSubtitle__MVu-7 {
        font-size: 12px
    }
}

.first-row_socialsWrapper__PfATV {
    grid-gap: 32px;
    align-items: center;
    display: grid;
    gap: 32px;
    grid-auto-flow: column;
    justify-content: flex-start
}

@media(max-width:900px) {
    .first-row_socialsWrapper__PfATV {
        gap: 4px;
        grid-auto-flow: row
    }
}

.first-row_socialsTitle__nWbl5 {
    color: #403c3e;
    font-size: 15px;
    font-weight: 600
}

@media(max-width:1200px) {
    .first-row_socialsTitle__nWbl5 {
        font-size: 14px
    }
}

@media(max-width:900px) {
    .first-row_socialsTitle__nWbl5 {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .first-row_socialsTitle__nWbl5 {
        font-size: 12px
    }
}

.first-row_list__56-r9 {
    gap: 16px
}

@media(max-width:1200px) {
    .first-row_list__56-r9 {
        gap: 14px
    }
}

@media(max-width:900px) {
    .first-row_list__56-r9 {
        gap: 12px
    }
}

@media(max-width:599px) {
    .first-row_list__56-r9 {
        gap: 10px
    }
}

.first-row_icon__RCYRS {
    height: 30px;
    width: 30px
}

@media(max-width:1200px) {
    .first-row_icon__RCYRS {
        height: 28px;
        width: 28px
    }
}

@media(max-width:900px) {
    .first-row_icon__RCYRS {
        height: 26px;
        width: 26px
    }
}

@media(max-width:599px) {
    .first-row_icon__RCYRS {
        height: 24px;
        width: 24px
    }
}

.second-row_component__Jlu\+3 {
    margin-top: 52px;
    padding: 48px 40px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

@media(max-width:1200px) {
    .second-row_component__Jlu\+3 {
        margin-top: 32px;
        padding: 32px 24px
    }
}

@media(max-width:900px) {
    .second-row_component__Jlu\+3 {
        margin-top: 24px;
        padding: 32px 0
    }
}

@media(max-width:599px) {
    .second-row_component__Jlu\+3 {
        margin-top: 16px
    }
}

.second-row_component__Jlu\+3:before {
    background: linear-gradient(92.01deg, #1b171c 34.17%, rgba(27, 23, 28, 0) 79.01%);
    border-radius: 10px;
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

@media(max-width:900px) {
    .second-row_component__Jlu\+3:before {
        background: linear-gradient(180deg, #1b171c 24.22%, rgba(27, 23, 28, 0) 56.94%);
        border-radius: 0;
        left: -16px;
        right: -16px
    }
}

.second-row_list__AbG-k {
    grid-gap: 16px;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(170px, 1fr)) minmax(0, 1fr)
}

@media(max-width:1200px) {
    .second-row_list__AbG-k {
        grid-template-columns: repeat(4, minmax(170px, 1fr)) minmax(0, 1fr)
    }
}

@media(max-width:900px) {
    .second-row_list__AbG-k {
        grid-template-columns: repeat(2, minmax(240px, 320px))
    }
}

@media(max-width:599px) {
    .second-row_list__AbG-k {
        grid-template-columns: repeat(2, 1fr)
    }
}

.second-row_item__tPcoD {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto 1fr
}

@media(max-width:900px) {
    .second-row_item__tPcoD {
        gap: 8px
    }
}

.second-row_icon__GEO-x {
    height: 52px;
    width: 52px
}

@media(max-width:1200px) {
    .second-row_icon__GEO-x {
        height: 44px;
        width: 44px
    }
}

@media(max-width:900px) {
    .second-row_icon__GEO-x {
        height: 36px;
        width: 36px
    }
}

@media(max-width:599px) {
    .second-row_icon__GEO-x {
        height: 28px;
        width: 28px
    }
}

.second-row_info__InhHR {
    grid-gap: 2px;
    align-content: center;
    align-items: center;
    display: grid;
    gap: 2px
}

.second-row_value__U3e-0 {
    color: #e0d3d6;
    font-size: 18px;
    font-weight: 500
}

@media(max-width:1200px) {
    .second-row_value__U3e-0 {
        font-size: 16px
    }
}

@media(max-width:900px) {
    .second-row_value__U3e-0 {
        font-size: 14px
    }
}

@media(max-width:599px) {
    .second-row_value__U3e-0 {
        font-size: 12px
    }
}

.second-row_label__TcvZb {
    color: #7d7177;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .second-row_label__TcvZb {
        font-size: 10px
    }
}

@media(max-width:900px) {
    .second-row_label__TcvZb {
        font-size: 9px
    }
}

@media(max-width:599px) {
    .second-row_label__TcvZb {
        font-size: 8px
    }
}

.item_component__o4UZL:hover .item_link__JX9q6 {
    color: #cabcc4
}

.item_component__o4UZL:nth-of-type(5),
.item_component__o4UZL:nth-of-type(6) {
    grid-column: 1/-1
}

.item_link__JX9q6 {
    color: #9f969b;
    font-size: 14px;
    transition: color .3s ease
}

@media(max-width:1200px) {
    .item_link__JX9q6 {
        font-size: 13px
    }
}

@media(max-width:900px) {
    .item_link__JX9q6 {
        font-size: 12px
    }
}

@media(max-width:599px) {
    .item_link__JX9q6 {
        font-size: 11px
    }
}

.third-row_component__QYwdy {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(400px, 540px) minmax(360px, 420px) minmax(320px, 1fr);
    margin-top: 72px
}

@media(max-width:1200px) {
    .third-row_component__QYwdy {
        grid-template-columns: minmax(340px, 480px) 340px minmax(124px, 1fr);
        margin-top: 32px
    }
}

@media(max-width:900px) {
    .third-row_component__QYwdy {
        grid-template-columns: 1fr;
        margin-top: 16px
    }
}

@media(max-width:599px) {
    .third-row_component__QYwdy {
        gap: 48px;
        margin-top: 8px
    }
}

.third-row_leftColumn__Bab2D {
    grid-gap: 40px;
    align-content: space-between;
    display: grid;
    gap: 40px;
    justify-items: flex-start
}

@media(max-width:1200px) {
    .third-row_leftColumn__Bab2D {
        gap: 32px
    }
}

.third-row_navList__61kBi {
    grid-gap: 12px 48px;
    display: grid;
    gap: 12px 48px;
    /* grid-template-columns: auto auto; */
    justify-content: flex-start;
    width: 100%
}

@media(max-width:1200px) {
    .third-row_navList__61kBi {
        gap: 12px 40px
    }
}

@media(max-width:900px) {
    .third-row_navList__61kBi {
        gap: 12px 32px
    }
}

@media(max-width:599px) {
    .third-row_navList__61kBi {
        gap: 12px 24px
    }
}

.third-row_handshake__z2Qxn {
    grid-gap: 12px;
    align-items: center;
    background: linear-gradient(133.62deg, #8a3b43, #c54545);
    border-radius: 8px;
    color: #ffd8d2;
    display: grid;
    font-size: 13px;
    font-weight: 600;
    gap: 12px;
    grid-auto-flow: column;
    height: 56px;
    padding: 0 18px;
    text-transform: uppercase;
    transition: color .3s ease
}

@media(max-width:1200px) {
    .third-row_handshake__z2Qxn {
        font-size: 12px;
        height: 52px;
        padding: 0 16px
    }
}

@media(max-width:900px) {
    .third-row_handshake__z2Qxn {
        font-size: 11px;
        gap: 8px;
        height: 48px;
        order: -1;
        padding: 0 14px
    }
}

@media(max-width:599px) {
    .third-row_handshake__z2Qxn {
        font-size: 10px;
        height: 42px;
        justify-content: center;
        justify-items: center;
        padding: 0 12px;
        width: 100%
    }
}

.third-row_handshake__z2Qxn:hover {
    color: #fff
}

.third-row_handshake__z2Qxn:hover .third-row_handshakeIcon__z22Y8 {
    fill: #fff
}

.third-row_handshakeIcon__z22Y8 {
    fill: #ffd8d2;
    height: 24px;
    transition: fill .3s ease;
    width: 24px
}

@media(max-width:900px) {
    .third-row_handshakeIcon__z22Y8 {
        height: 22px;
        width: 22px
    }
}

@media(max-width:599px) {
    .third-row_handshakeIcon__z22Y8 {
        height: 20px;
        width: 20px
    }
}

.third-row_rightColumn__d674d {
    grid-gap: 24px;
    align-content: space-between;
    display: grid;
    gap: 24px;
    justify-items: flex-start
}

.third-row_description__p-t7R {
    color: #574a50;
    font-size: 13px;
    line-height: 20px
}

@media(max-width:1200px) {
    .third-row_description__p-t7R {
        font-size: 12px
    }
}

@media(max-width:900px) {
    .third-row_description__p-t7R {
        font-size: 11px;
        padding-right: 180px
    }
}

@media(max-width:599px) {
    .third-row_description__p-t7R {
        font-size: 10px;
        padding-right: 116px
    }
}

.third-row_email__U5Ung {
    grid-gap: 12px;
    align-items: center;
    border: 1px dashed rgba(48, 40, 34, .86);
    border-radius: 8px;
    color: #926139;
    display: grid;
    font-size: 16px;
    font-weight: 300;
    gap: 12px;
    grid-auto-flow: column;
    height: 56px;
    padding: 0 18px;
    transition: border .3s ease, color .3s ease
}

@media(max-width:1200px) {
    .third-row_email__U5Ung {
        font-size: 14px;
        height: 52px;
        padding: 0 16px
    }
}

@media(max-width:900px) {
    .third-row_email__U5Ung {
        font-size: 12px;
        gap: 8px;
        height: 48px;
        order: -1;
        padding: 0 14px
    }
}

@media(max-width:599px) {
    .third-row_email__U5Ung {
        font-size: 10px;
        height: 42px;
        padding: 0 12px
    }
}

.third-row_email__U5Ung:hover {
    border: 1px dashed #5c4b3d;
    color: #e9b386
}

.third-row_email__U5Ung:hover .third-row_emailIcon__Zl3U2 {
    fill: #e9b386
}

.third-row_emailIcon__Zl3U2 {
    fill: #926139;
    height: 24px;
    transition: fill .3s ease;
    width: 24px
}

@media(max-width:900px) {
    .third-row_emailIcon__Zl3U2 {
        height: 22px;
        width: 22px
    }
}

@media(max-width:599px) {
    .third-row_emailIcon__Zl3U2 {
        height: 20px;
        width: 20px
    }
}

.footer_component__M7dFW {
    overflow: hidden
}

.footer_container__ibbnI {
    position: relative
}

.footer_container__ibbnI:before {
    background-image: url(../img/hero.5025ff2136ab183cbee7.png);
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 0;
    content: "";
    height: 594px;
    position: absolute;
    right: -64px;
    width: 564px
}

@media(max-width:1200px) {
    .footer_container__ibbnI:before {
        bottom: 0;
        height: 421px;
        right: -96px;
        width: 400px
    }
}

@media(max-width:900px) {
    .footer_container__ibbnI:before {
        bottom: 0;
        height: 303px;
        right: -32px;
        width: 288px
    }
}

@media(max-width:599px) {
    .footer_container__ibbnI:before {
        background-image: url(../img/hero-sm.80c48ab8b7002fae6899.png);
        bottom: 0;
        height: 232px;
        right: -32px;
        width: 220px
    }
}

.footer_content__9oi1h {
    padding: 72px 0 90px
}

@media(max-width:1200px) {
    .footer_content__9oi1h {
        padding: 32px 0 90px
    }
}

@media(max-width:900px) {
    .footer_content__9oi1h {
        padding: 24px 0 58px
    }
}

@media(max-width:599px) {
    .footer_content__9oi1h {
        padding: 16px 0 58px
    }
}

.mobile-panel_component__N15YR {
    bottom: 0;
    box-shadow: 0 -10px 30px rgba(23, 19, 23, .6);
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 10010
}

@media(max-width:900px) {
    .mobile-panel_component__N15YR {
        display: block
    }
}

.mobile-panel_component__N15YR:before {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: rgba(23, 19, 23, .6);
    border-radius: 6px 6px 0 0;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

.mobile-panel_list__37mF7 {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2
}

.mobile-panel_appDownload__DQQ-3,
.mobile-panel_bonus__2F0cP,
.mobile-panel_event__voFu4,
.mobile-panel_menu__ft--p,
.mobile-panel_wheel__2deEa {
    padding: 4px 0 6px
}

.mobile-panel_appDownload__DQQ-3 .mobile-panel_button__1yEqJ,
.mobile-panel_appDownload__DQQ-3 .mobile-panel_link__WEbsO,
.mobile-panel_bonus__2F0cP .mobile-panel_button__1yEqJ,
.mobile-panel_bonus__2F0cP .mobile-panel_link__WEbsO,
.mobile-panel_event__voFu4 .mobile-panel_button__1yEqJ,
.mobile-panel_event__voFu4 .mobile-panel_link__WEbsO,
.mobile-panel_menu__ft--p .mobile-panel_button__1yEqJ,
.mobile-panel_menu__ft--p .mobile-panel_link__WEbsO,
.mobile-panel_wheel__2deEa .mobile-panel_button__1yEqJ,
.mobile-panel_wheel__2deEa .mobile-panel_link__WEbsO {
    grid-gap: 2px;
    align-content: center;
    align-items: center;
    display: grid;
    gap: 2px;
    height: 54px;
    justify-content: center;
    justify-items: center;
    width: 54px
}

.mobile-panel_appDownload__DQQ-3 .mobile-panel_button__1yEqJ:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_appDownload__DQQ-3 .mobile-panel_link__WEbsO:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_bonus__2F0cP .mobile-panel_button__1yEqJ:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_bonus__2F0cP .mobile-panel_link__WEbsO:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_event__voFu4 .mobile-panel_button__1yEqJ:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_event__voFu4 .mobile-panel_link__WEbsO:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_menu__ft--p .mobile-panel_button__1yEqJ:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_menu__ft--p .mobile-panel_link__WEbsO:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_wheel__2deEa .mobile-panel_button__1yEqJ:hover .mobile-panel_icon__Mh-g9,
.mobile-panel_wheel__2deEa .mobile-panel_link__WEbsO:hover .mobile-panel_icon__Mh-g9 {
    fill: #ffb374
}

.mobile-panel_appDownload__DQQ-3 .mobile-panel_button__1yEqJ:hover .mobile-panel_label__t0rxe,
.mobile-panel_appDownload__DQQ-3 .mobile-panel_link__WEbsO:hover .mobile-panel_label__t0rxe,
.mobile-panel_bonus__2F0cP .mobile-panel_button__1yEqJ:hover .mobile-panel_label__t0rxe,
.mobile-panel_bonus__2F0cP .mobile-panel_link__WEbsO:hover .mobile-panel_label__t0rxe,
.mobile-panel_event__voFu4 .mobile-panel_button__1yEqJ:hover .mobile-panel_label__t0rxe,
.mobile-panel_event__voFu4 .mobile-panel_link__WEbsO:hover .mobile-panel_label__t0rxe,
.mobile-panel_menu__ft--p .mobile-panel_button__1yEqJ:hover .mobile-panel_label__t0rxe,
.mobile-panel_menu__ft--p .mobile-panel_link__WEbsO:hover .mobile-panel_label__t0rxe,
.mobile-panel_wheel__2deEa .mobile-panel_button__1yEqJ:hover .mobile-panel_label__t0rxe,
.mobile-panel_wheel__2deEa .mobile-panel_link__WEbsO:hover .mobile-panel_label__t0rxe {
    color: #eee9e7
}

.mobile-panel_appDownload__DQQ-3 .mobile-panel_icon__Mh-g9,
.mobile-panel_bonus__2F0cP .mobile-panel_icon__Mh-g9,
.mobile-panel_event__voFu4 .mobile-panel_icon__Mh-g9,
.mobile-panel_menu__ft--p .mobile-panel_icon__Mh-g9,
.mobile-panel_wheel__2deEa .mobile-panel_icon__Mh-g9 {
    fill: #ba8358;
    height: 28px;
    transition: fill .3s ease;
    width: 28px
}

.mobile-panel_appDownload__DQQ-3 .mobile-panel_label__t0rxe,
.mobile-panel_bonus__2F0cP .mobile-panel_label__t0rxe,
.mobile-panel_event__voFu4 .mobile-panel_label__t0rxe,
.mobile-panel_menu__ft--p .mobile-panel_label__t0rxe,
.mobile-panel_wheel__2deEa .mobile-panel_label__t0rxe {
    color: #aea9a9;
    font-size: 7px;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: color .3s ease;
    white-space: nowrap;
    width: 100%
}

.mobile-panel_refill__clj7Q {
    margin: -6px 6px 0
}

.mobile-panel_refill__clj7Q .mobile-panel_button__1yEqJ {
    grid-gap: 2px;
    align-content: start;
    align-items: start;
    background: linear-gradient(180deg, #302830 7.97%, rgba(23, 19, 23, 0) 74.67%);
    border-radius: 20px 20px 0 0;
    display: grid;
    -webkit-filter: drop-shadow(0 20px 40px rgba(23, 19, 23, .5));
    filter: drop-shadow(0 20px 40px rgba(23, 19, 23, .5));
    gap: 2px;
    height: 70px;
    justify-content: center;
    justify-items: center;
    padding-top: 10px;
    width: 72px
}

.mobile-panel_refill__clj7Q .mobile-panel_button__1yEqJ:hover .mobile-panel_icon__Mh-g9 {
    fill: #70eeb1
}

.mobile-panel_refill__clj7Q .mobile-panel_button__1yEqJ:hover .mobile-panel_balance__c1pb6 {
    color: #70eeb1
}

.mobile-panel_refill__clj7Q .mobile-panel_icon__Mh-g9 {
    fill: #4cea9e;
    height: 22px;
    transition: fill .3s ease;
    width: 22px
}

.mobile-panel_refill__clj7Q .mobile-panel_balance__c1pb6 {
    color: #4cea9e;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: -.02em;
    transition: color .3s ease
}

.mobile-panel_refill__clj7Q .mobile-panel_goldcoin__fxbh1 {
    grid-gap: 4px;
    align-items: center;
    color: #ffa860;
    display: grid;
    font-size: 9px;
    font-weight: 500;
    gap: 4px;
    grid-auto-flow: column
}

.mobile-panel_refill__clj7Q .mobile-panel_goldcoinIcon__02YPd {
    fill: #ffa860;
    height: 8px;
    width: 8px
}

.mobile-panel_menu__ft--p,
.mobile-panel_menu__ft--p .mobile-panel_button__1yEqJ {
    position: relative
}

.mobile-panel_menu__ft--p .mobile-panel_button__1yEqJ:before {
    background: transparent;
    border-radius: 100%;
    content: "";
    height: 8px;
    position: absolute;
    right: 8px;
    top: 10px;
    transition: background .3s ease;
    width: 8px
}

.mobile-panel_menu__ft--p .mobile-panel_button__1yEqJ.mobile-panel_unread__PLeKx:before {
    background: #ff5f49
}

.mobile-panel_userMenu__8xl16 {
    bottom: calc(100% + 16px);
    right: 2px
}

.mobile-panel_userMenu__8xl16:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 8px solid #27252a;
    content: "";
    position: absolute;
    right: 12px;
    top: 100%
}

.layout_component__c4c45 {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.tabs_component__c1e6U {
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 200
}

@media(max-width:1200px) {
    .tabs_component__c1e6U {
        top: 32px
    }
}

@media(max-width:900px) {
    .tabs_component__c1e6U {
        top: 24px
    }
}

@media(max-width:599px) {
    .tabs_component__c1e6U {
        top: 16px
    }
}

.tabs_list__y4Jsx {
    grid-gap: 2px;
    background: #0e0c13;
    border-radius: 10px;
    display: grid;
    gap: 2px;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden
}

@media(max-width:599px) {
    .tabs_list__y4Jsx {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }
}

.tabs_item__xKa1b {
    height: 120px
}

@media(max-width:1200px) {
    .tabs_item__xKa1b {
        height: 100px
    }
}

@media(max-width:900px) {
    .tabs_item__xKa1b {
        height: 80px
    }
}

@media(max-width:599px) {
    .tabs_item__xKa1b {
        height: 60px;
        width: calc(50% - 1px)
    }
    .tabs_item__xKa1b.tabs_ggtron__03rir {
        order: 1;
        width: 100%
    }
    .tabs_item__xKa1b.tabs_cyberAssassins__mUW6C {
        order: 2
    }
    .tabs_item__xKa1b.tabs_brotherhood__Fik1K {
        order: 3
    }
}

.tabs_link__oM-Tt {
    align-items: flex-start;
    background-color: #171c19;
    background-position: 100%;
    background-size: auto 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    opacity: .5;
    padding: 24px 40px;
    transition: opacity .3s ease
}

@media(max-width:1200px) {
    .tabs_link__oM-Tt {
        padding: 20px 32px
    }
}

@media(max-width:900px) {
    .tabs_link__oM-Tt {
        background-position: 50% 0;
        padding: 16px 24px
    }
}

@media(max-width:599px) {
    .tabs_link__oM-Tt {
        background-position: right 0;
        padding: 12px 16px
    }
}

.tabs_link__oM-Tt:hover {
    opacity: 1
}

.tabs_link__oM-Tt.tabs_active__52rqX {
    opacity: 1;
    pointer-events: none
}

.tabs_cyberAssassins__mUW6C .tabs_link__oM-Tt {
    background-image: url(/static/media/tab-cyber-assassins.a6cefe7a30604b95fa37.png)
}

@media(max-width:599px) {
    .tabs_cyberAssassins__mUW6C .tabs_link__oM-Tt {
        background-image: url(/static/media/tab-cyber-assassins-sm.94c68d1343c6c211cb8d.png)
    }
}

.tabs_brotherhood__Fik1K .tabs_link__oM-Tt {
    background-image: url(/static/media/tab-brotherhood.f101b93ceb9b06011bbf.png)
}

@media(max-width:599px) {
    .tabs_brotherhood__Fik1K .tabs_link__oM-Tt {
        background-image: url(/static/media/tab-brotherhood-sm.efe476c5f3fcc2d35870.png)
    }
}

.tabs_ggtron__03rir .tabs_link__oM-Tt {
    background-image: url(/static/media/tab-ggtron.2379e77e13b73bb2c834.png)
}

@media(max-width:599px) {
    .tabs_ggtron__03rir .tabs_link__oM-Tt {
        background-image: url(/static/media/tab-ggtron-sm.23a01b88fa6254aa5623.png)
    }
}

.tabs_link__oM-Tt .tabs_skeleton__UALj2 {
    width: 120px
}

@media(max-width:1200px) {
    .tabs_link__oM-Tt .tabs_skeleton__UALj2 {
        width: 100px
    }
}

@media(max-width:900px) {
    .tabs_link__oM-Tt .tabs_skeleton__UALj2 {
        width: 80px
    }
}

@media(max-width:599px) {
    .tabs_link__oM-Tt .tabs_skeleton__UALj2 {
        width: 60px
    }
}

.tabs_title__Jh\+BV {
    color: #fffee0;
    display: grid;
    font-size: 19px;
    font-weight: 900;
    line-height: 23px;
    max-width: 360px;
    overflow: hidden;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .tabs_title__Jh\+BV {
        font-size: 17px;
        line-height: 19px;
        max-width: 330px
    }
}

@media(max-width:900px) {
    .tabs_title__Jh\+BV {
        font-size: 15px;
        line-height: 17px;
        max-width: 230px
    }
}

@media(max-width:599px) {
    .tabs_title__Jh\+BV {
        font-size: 10px;
        line-height: 12px;
        max-width: 105px
    }
}

.tabs_title__Jh\+BV span {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.tabs_subtitle__vhWu\+ {
    grid-gap: 2px;
    align-items: center;
    color: #ffce84;
    display: grid;
    font-size: 11px;
    font-weight: 300;
    gap: 2px;
    grid-auto-flow: column;
    line-height: 20px;
    margin-top: 2px;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .tabs_subtitle__vhWu\+ {
        font-size: 10px
    }
}

@media(max-width:900px) {
    .tabs_subtitle__vhWu\+ {
        font-size: 9px;
        margin-top: 2px
    }
}

@media(max-width:599px) {
    .tabs_subtitle__vhWu\+ {
        font-size: 6px;
        max-width: 105px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.tabs_subtitle__vhWu\+b {
    font-weight: 900
}

.tabs_brotherhood__Fik1K .tabs_subtitle__vhWu\+ {
    color: #ffb05f
}

.tabs_pointsImage__vkTLx {
    margin: 2px 3px 0 0;
    width: 18px
}

@media(max-width:1200px) {
    .tabs_pointsImage__vkTLx {
        width: 11px
    }
}

@media(max-width:599px) {
    .tabs_pointsImage__vkTLx {
        margin: 0 1px 0 0;
        width: 10px
    }
}

.event-loader_component__KJsac {
    margin-top: 160px
}

@media(max-width:1200px) {
    .event-loader_component__KJsac {
        margin-top: 132px
    }
}

@media(max-width:900px) {
    .event-loader_component__KJsac {
        margin-top: 104px
    }
}

@media(max-width:599px) {
    .event-loader_component__KJsac {
        margin-top: 138px
    }
}

.event-layout_component__fCyZC {
    position: relative
}

.cases {
    padding: 30px 0;
    width: 100%
}

@media(max-width:599px) {
    .cases {
        padding: 15px 0
    }
}

.cases__subtitle {
    color: #92887f;
    font-size: 17px;
    line-height: 20px;
    margin: 8px 0 0;
    text-align: center
}

@media(max-width:1800px) {
    .cases__subtitle {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .cases__subtitle {
        font-size: 11px;
        line-height: 1.2;
        margin: 5px 0 0
    }
}

.cases__list {
    flex-wrap: wrap
}

.cases__item,
.cases__list {
    display: flex;
    justify-content: center
}

.cases__item {
    flex-shrink: 0;
    margin-top: 10px;
    width: 16.6666%
}

@media(max-width:1800px) {
    .cases__item {
        width: 20%
    }
}

@media(max-width:1200px) {
    .cases__item {
        margin-top: 5px;
        width: 25%
    }
}

@media(max-width:900px) {
    .cases__item {
        width: 33.3333%
    }
}

@media(max-width:599px) {
    .cases__item {
        width: 50%
    }
}

.cases__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    display: block;
    max-width: 310px;
    padding: 10px 0 0;
    position: relative;
    transition: none;
    width: 100%
}

.cases__link--disable {
    cursor: default
}

.cases__image-wrapper {
    align-items: center;
    display: flex;
    margin: 0 auto
}

@media(max-width:1800px) {
    .cases__image-wrapper {
        max-width: 290px
    }
}

.cases__image-inner {
    display: block;
    height: 0;
    line-height: 1;
    padding-bottom: 85%;
    position: relative;
    width: 100%
}

.cases__image-inner:before {
    background: url(/static/media/common-case-placeholder.81eaf3d3ca4e05becd9c.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    left: 0;
    padding-top: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.cases__image-inner-mystery:before {
    background: url(/static/media/mystery-case-placeholder.7f805c3c8f9c8fd7737b.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.cases__image-inner-rendered:before {
    display: none
}

.cases__image-inner img {
    position: relative
}

.cases__image {
    image-rendering: -webkit-optimize-contrast;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 100%
}

.cases__link:hover .cases__image {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.cases__link--disable .cases__image {
    opacity: .2;
    transition: none
}

.cases__link--disable:hover .cases__image {
    -webkit-transform: none;
    transform: none
}

.cases__image-skeleton {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 20px;
    height: auto;
    inset: 0 10px;
    margin: 0 auto;
    position: absolute;
    width: auto
}

.cases__name {
    color: #e0d3d6;
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 8px;
    overflow: hidden;
    padding-top: 15px;
    text-align: center;
    text-overflow: ellipsis;
    transition: color .3s ease;
    white-space: nowrap
}

@media(max-width:1200px) {
    .cases__name {
        font-size: 14px
    }
}

@media(max-width:900px) {
    .cases__name {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .cases__name {
        font-size: 12px;
        margin-bottom: 6px;
        padding-top: 10px
    }
}

.cases__link:hover .cases__name {
    color: #fff
}

.cases__link--disable .cases__name,
.cases__link--disable:hover .cases__name {
    color: #494c51
}

.cases__cost {
    display: flex;
    justify-content: flex-end;
    margin: 23px 30px 0 0
}

@media(max-width:1800px) {
    .cases__cost {
        margin: 15px 40px 0 0
    }
}

@media(max-width:1200px) {
    .cases__cost {
        justify-content: center;
        margin: 15px 0 0
    }
}

.cases__link--disable .cases__cost {
    opacity: .2
}

.cases__cost--single {
    justify-content: center
}

.cases__cost-now {
    background: url(/static/media/price-new.930dc6766f7d883e615b.svg) no-repeat;
    background-size: 100%;
    color: #171317;
    -webkit-filter: drop-shadow(-5px -10px 20px rgba(23, 19, 23, .6));
    filter: drop-shadow(-5px -10px 20px rgba(23, 19, 23, .6));
    font-size: 18px;
    font-weight: 700;
    left: 18px;
    line-height: 42px;
    position: relative;
    text-align: center;
    top: 0;
    width: 98px
}

.cases__item--free .cases__cost-now {
    background: url(/static/media/price-free.8557067ab54d108809de.svg) no-repeat;
    color: #fff
}

@media(max-width:1800px) {
    .cases__cost-now {
        font-size: 15px;
        left: 16px;
        line-height: 40px;
        width: 90px
    }
}

@media(max-width:1200px) {
    .cases__cost-now {
        font-size: 13px;
        line-height: 30px;
        width: 70px
    }
}

@media(max-width:900px) {
    .cases__cost-now {
        font-size: 12px;
        line-height: 26px;
        width: 59px
    }
}

.cases__cost-old {
    background: url(/static/media/old-cost.099d2266713905edb28d.svg) no-repeat;
    background-size: 100%;
    color: #ff4959;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    order: 1;
    position: relative;
    text-align: center;
    top: -25px;
    width: 70px
}

@media(max-width:1800px) {
    .cases__cost-old {
        font-size: 12px;
        height: 33px;
        line-height: 33px;
        top: -20px;
        width: 58px
    }
}

@media(max-width:1200px) {
    .cases__cost-old {
        font-size: 11px;
        height: 30px;
        line-height: 30px;
        width: 50px
    }
}

@media(max-width:900px) {
    .cases__cost-old {
        font-size: 10px;
        height: 24px;
        line-height: 24px;
        width: 42px
    }
}

.cases__cost-old-text {
    position: relative
}

.cases__cost-old-text:before {
    background: #ff4959;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.cases__limits {
    background-color: rgba(19, 18, 23, .7);
    border: 1px solid #1d1d26;
    border-radius: 100px;
    color: #f2b78c;
    font-size: 12px;
    left: 10px;
    padding: 8px 13px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 85px
}

.cases__item--free .cases__limits {
    color: #ebffd1
}

@media(max-width:900px) {
    .cases__limits {
        font-size: 11px;
        padding: 7px 10px;
        width: 80px
    }
}

@media(max-width:599px) {
    .cases__limits {
        font-size: 10px;
        padding: 5px 6px;
        width: 65px
    }
}

.cases__limits-bar {
    inset: -1px;
    overflow: hidden;
    position: absolute
}

.cases__limits-bar-draw {
    border: 1px solid #826048;
    border-radius: 100px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 85px
}

.cases__item--free .cases__limits-bar-draw {
    border-color: #6fc988
}

@media(max-width:900px) {
    .cases__limits-bar-draw {
        width: 80px
    }
}

@media(max-width:599px) {
    .cases__limits-bar-draw {
        width: 65px
    }
}

.case-limit--main-page {
    display: flex;
    justify-content: center;
    text-align: center
}

.case-limit__row {
    font-size: 12px;
    width: 100%;
    z-index: 11
}

.case-limit__row,
.case-limit__wrapper {
    border-radius: 8px;
    color: #d7634d;
    font-weight: 700;
    position: relative
}

.case-limit__wrapper {
    background: #3f2b2b;
    box-shadow: 0 4px 30px rgba(23, 19, 23, .8);
    display: inline-flex;
    margin-top: 2px;
    min-width: 131px;
    overflow: hidden;
    padding: 7px 11px
}

.case-limit__wrapper:before {
    background-color: #241e24;
    border-radius: 8px;
    content: "";
    inset: 2px;
    overflow: hidden;
    position: absolute;
    z-index: 10
}

.case-limit__wrapper--case-page {
    padding: 12px 11px 12px 15px
}

.case-limit__max,
.case-limit__sold {
    position: relative;
    z-index: 2
}

.case-limit__sold {
    color: #ffdbd3;
    padding-right: 3px
}

.case-limit__progress {
    background-color: #e76d56;
    bottom: -2px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -2px;
    z-index: 9
}

.case-limit__shadow {
    background: linear-gradient(270deg, rgba(225, 47, 47, .304), rgba(37, 31, 37, .38) 98.04%);
    bottom: 2px;
    position: absolute;
    top: 2px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 30px;
    z-index: 10
}

.case-limit__title {
    color: #b6a6a6;
    font-size: 9px;
    font-weight: 500;
    line-height: 11px;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%
}

.container {
    margin: 0 auto;
    max-width: 2060px;
    padding: 0 100px;
    position: relative
}

@media(max-width:1350px) {
    .container {
        padding: 0 25px
    }
}

@media(max-width:599px) {
    .container {
        padding: 0 15px
    }
}

.container--small {
    max-width: 1610px
}

.container--inner {
    max-width: 1329px;
    padding: 0 30px
}

@media(max-width:1200px) {
    .container--inner {
        padding: 15px
    }
}

.mystery-block_component__zKkb4 {
    background-image: url(/static/media/title.eacb1187e5f55012f509.png);
    background-position: 50% 40px;
    background-repeat: no-repeat;
    background-size: 500px;
    padding: 220px 0 30px;
    position: relative
}

@media(max-width:1800px) {
    .mystery-block_component__zKkb4 {
        background-position: 50% 25px;
        background-size: 440px;
        padding: 180px 0 15px
    }
}

@media(max-width:599px) {
    .mystery-block_component__zKkb4 {
        background-image: url(/static/media/title-sm.03db57d1f0e2c61ffb78.png);
        background-size: 300px;
        padding: 130px 0 15px
    }
}

.mystery-block_tooltipWrapper__XHtUT {
    align-items: center;
    display: flex;
    flex-direction: column
}

.mystery-block_tooltipBtn__OW1IL {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(66, 60, 82, .46);
    border-radius: 15px;
    color: #aaaac7;
    cursor: help;
    font-size: 12px;
    font-weight: 700;
    padding: 11px 42px 11px 14px;
    position: relative;
    transition: background-color .3s, color .3s
}

.mystery-block_tooltipBtn__OW1IL:before {
    align-items: center;
    background: #443e4e;
    border-radius: 9px;
    bottom: 0;
    content: "?";
    display: flex;
    height: 18px;
    justify-content: center;
    margin: auto;
    position: absolute;
    right: 14px;
    top: 0;
    transition: background .3s;
    width: 18px
}

@media(max-width:1600px) {
    .mystery-block_tooltipBtn__OW1IL {
        font-size: 11px
    }
}

@media(max-width:599px) {
    .mystery-block_tooltipBtn__OW1IL {
        border-radius: 8px;
        font-size: 10px;
        padding: 9px 34px 9px 12px
    }
    .mystery-block_tooltipBtn__OW1IL:before {
        right: 9px
    }
}

.mystery-block_tooltipBtn__OW1IL:hover {
    background: rgba(66, 60, 82, .86);
    color: #d3d2e3
}

.mystery-block_tooltipBtn__OW1IL:hover:before {
    background: #4f485c
}

.mystery-block_tooltipBlock__7YllV {
    position: relative
}

.mystery-block_tooltip__u4Dbe {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(66, 60, 82, .86);
    border-radius: 14px;
    bottom: calc(100% + 15px);
    color: #e6e6e6;
    font-size: 13px;
    line-height: 1.4;
    opacity: 0;
    padding: 18px;
    position: absolute;
    right: 0;
    text-transform: none;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: visibility .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    transition: visibility .3s ease, opacity .3s ease, transform .3s ease;
    transition: visibility .3s ease, opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    visibility: hidden;
    width: 370px;
    z-index: 1
}

@media(max-width:1200px) {
    .mystery-block_tooltip__u4Dbe {
        font-size: 12px
    }
}

@media(max-width:900px) {
    .mystery-block_tooltip__u4Dbe {
        font-size: 11px;
        margin-right: -183px;
        right: 50%
    }
}

@media(max-width:599px) {
    .mystery-block_tooltip__u4Dbe {
        margin-right: -150px;
        width: 300px
    }
}

.mystery-block_tooltip__u4Dbe:after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 9px solid rgba(66, 60, 82, .86);
    bottom: -9px;
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    width: 0
}

@media(max-width:900px) {
    .mystery-block_tooltip__u4Dbe:after {
        margin-right: -12px;
        right: 50%
    }
}

.mystery-block_tooltipBtn__OW1IL:hover+.mystery-block_tooltip__u4Dbe {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible
}

.mystery-block_list__BYEwk {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.title {
    color: #fafafb;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 5
}

@media(max-width:1200px) {
    .title {
        font-size: 19px
    }
}

@media(max-width:900px) {
    .title {
        font-size: 17px
    }
}

@media(max-width:599px) {
    .title {
        font-size: 15px
    }
}

.title--mb {
    margin-bottom: 30px
}

@media(max-width:1200px) {
    .title--mb {
        margin-bottom: 25px
    }
}

@media(max-width:900px) {
    .title--mb {
        margin-bottom: 20px
    }
}

@media(max-width:599px) {
    .title--mb {
        margin-bottom: 15px
    }
}

.title--cases {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(0deg, #fff8ee, #ada28d 161.29%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    padding-bottom: 0
}

@media(max-width:1800px) {
    .title--cases {
        font-size: 22px
    }
}

@media(max-width:1200px) {
    .title--cases {
        font-size: 20px
    }
}

@media(max-width:900px) {
    .title--cases {
        font-size: 19px
    }
}

@media(max-width:599px) {
    .title--cases {
        font-size: 16px
    }
}

.title--cases:after {
    content: none
}

.title--gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #937e82, #fff8f3);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 27px
}

@media(max-width:1800px) {
    .title--gradient {
        font-size: 22px;
        margin: 0 0 20px
    }
}

@media(max-width:1200px) {
    .title--gradient {
        font-size: 20px;
        margin: 0 0 15px
    }
}

@media(max-width:900px) {
    .title--gradient {
        font-size: 18px
    }
}

@media(max-width:599px) {
    .title--gradient {
        font-size: 16px
    }
}

.title--gradient-big {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #aa999c, #fff1e9);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 31px
}

@media(max-width:1800px) {
    .title--gradient-big {
        font-size: 26px
    }
}

@media(max-width:1200px) {
    .title--gradient-big {
        font-size: 22px
    }
}

@media(max-width:900px) {
    .title--gradient-big {
        font-size: 19px
    }
}

@media(max-width:599px) {
    .title--gradient-big {
        font-size: 17px
    }
}

.banner_component__gtCfm {
    position: relative
}

.banner_component__gtCfm:before {
    background-image: url(/static/media/banner-background.c1f4422df5e2f7fd84de.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 1920px;
    content: "";
    height: 200%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(max-width:1800px) {
    .banner_component__gtCfm:before {
        background-size: 1800px
    }
}

@media(max-width:1200px) {
    .banner_component__gtCfm:before {
        background-image: url(/static/media/banner-background-1200.4c558377d968a3eb4a26.png);
        background-size: 1200px
    }
}

@media(max-width:900px) {
    .banner_component__gtCfm:before {
        background-image: url(/static/media/banner-background-900.51ad14efc451eb998758.png);
        background-size: 900px
    }
}

@media(max-width:599px) {
    .banner_component__gtCfm:before {
        background-image: url(/static/media/banner-background-600.cdae982486c0ee342853.png);
        background-size: 600px
    }
}

.banner_container__zg3-i {
    align-items: flex-start;
    display: grid;
    height: 100%;
    justify-content: center;
    width: 100%
}

@media(max-width:900px) {
    .banner_container__zg3-i {
        justify-content: center
    }
}

.banner_content__gZy3Z {
    display: grid;
    justify-items: center;
    padding: 470px 0 0
}

@media(max-width:1800px) {
    .banner_content__gZy3Z {
        padding: 390px 0 0
    }
}

@media(max-width:1200px) {
    .banner_content__gZy3Z {
        padding: 280px 0 0
    }
}

@media(max-width:900px) {
    .banner_content__gZy3Z {
        padding: 190px 0 0
    }
}

@media(max-width:599px) {
    .banner_content__gZy3Z {
        padding: 150px 0 0
    }
}

.banner_link__47IpX {
    align-items: center;
    background: linear-gradient(176deg, #ff6a49, #ffb444);
    border-radius: 12px;
    box-shadow: 0 4px 90px 8px #171317;
    color: #61231b;
    display: flex;
    font-size: 18px;
    font-weight: 900;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 195, 125, .8);
    text-transform: uppercase;
    transition: color .3s
}

.banner_link__47IpX:before {
    background: linear-gradient(176deg, #ff8c68, #ffc165);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

.banner_link__47IpX:hover {
    color: #7a3e2b
}

.banner_link__47IpX:hover path {
    fill: #7a3e2b
}

.banner_link__47IpX:hover:before {
    opacity: 1
}

@media(max-width:1800px) {
    .banner_link__47IpX {
        font-size: 16px
    }
}

@media(max-width:1200px) {
    .banner_link__47IpX {
        height: 64px
    }
}

@media(max-width:900px) {
    .banner_link__47IpX {
        font-size: 14px;
        height: 58px
    }
}

@media(max-width:599px) {
    .banner_link__47IpX {
        border-radius: 8px;
        font-size: 11px;
        height: 44px;
        padding: 0 17px
    }
}

.banner_icon__\+912y {
    -webkit-filter: drop-shadow(1px 1px 1px rgba(255, 242, 125, .7));
    filter: drop-shadow(1px 1px 1px rgba(255, 242, 125, .7));
    margin: 0 0 0 12px
}

@media(max-width:900px) {
    .banner_icon__\+912y {
        width: 24px
    }
}

@media(max-width:599px) {
    .banner_icon__\+912y {
        margin: 0 0 0 8px;
        width: 20px
    }
}

.banner_icon__\+912y path {
    fill: #61231b;
    transition: fill .3s
}

.banner_linkText__IuLm5 {
    position: relative
}

.page_page__DeTkX {
    margin-bottom: 50px;
    overflow: hidden;
    padding-top: 55px
}

@media(max-width:1200px) {
    .page_page__DeTkX {
        margin-bottom: 35px;
        padding-top: 45px
    }
}

@media(max-width:900px) {
    .page_page__DeTkX {
        margin-bottom: 30px;
        padding-top: 27px
    }
}

@media(max-width:599px) {
    .page_page__DeTkX {
        margin-bottom: 25px;
        padding-top: 20px
    }
}

.page_title__3k1yx {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #aa999c, #fff1e9);
    -webkit-background-clip: text;
    background-clip: text;
    color: #fafafb;
    font-size: 31px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 27px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 5
}

@media(max-width:1800px) {
    .page_title__3k1yx {
        font-size: 26px
    }
}

@media(max-width:1200px) {
    .page_title__3k1yx {
        font-size: 22px;
        margin: 0 0 15px
    }
}

@media(max-width:900px) {
    .page_title__3k1yx {
        font-size: 19px;
        margin: 15px 0
    }
}

@media(max-width:599px) {
    .page_title__3k1yx {
        font-size: 17px
    }
}

.page_status__P\+G6w {
    align-items: center;
    background: #1b1b21;
    border-radius: 14px;
    display: flex;
    flex-wrap: wrap;
    height: 109px;
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(max-width:1200px) {
    .page_status__P\+G6w {
        margin: 15px auto 0
    }
}

@media(max-width:900px) {
    .page_status__P\+G6w {
        height: auto;
        padding: 18px 20px 18px 0
    }
}

@media(max-width:599px) {
    .page_status__P\+G6w {
        height: auto;
        padding: 20px 0
    }
}

.page_status__P\+G6w:before {
    background: #1c2f26;
    border: 3px solid #4dc88d;
    border-radius: 30px;
    box-shadow: 0 0 50px 10px rgba(66, 255, 164, .2);
    content: "";
    height: 55px;
    left: 28px;
    position: absolute;
    top: 28px;
    width: 55px
}

@media(max-width:1800px) {
    .page_status__P\+G6w:before {
        left: 25px
    }
}

@media(max-width:900px) {
    .page_status__P\+G6w:before {
        border: 2px solid #4dc88d;
        height: 36px;
        left: 15px;
        top: 24px;
        width: 36px
    }
}

@media(max-width:599px) {
    .page_status__P\+G6w:before {
        left: 19px;
        top: 19px
    }
}

.page_statusIcon__FAB5B {
    height: 27px;
    left: 42px;
    position: absolute;
    top: 42px;
    width: 27px
}

.page_statusIcon__FAB5B path {
    fill: #4dc88d
}

@media(max-width:1800px) {
    .page_statusIcon__FAB5B {
        left: 39px
    }
}

@media(max-width:900px) {
    .page_statusIcon__FAB5B {
        height: 24px;
        left: 21px;
        top: 30px;
        width: 24px
    }
}

@media(max-width:599px) {
    .page_statusIcon__FAB5B {
        left: 25px;
        top: 25px
    }
}

.page_statusDescription__GzuFF {
    margin: 0 0 0 117px;
    max-width: 220px
}

@media(max-width:1800px) {
    .page_statusDescription__GzuFF {
        margin: 0 0 0 95px
    }
}

@media(max-width:900px) {
    .page_statusDescription__GzuFF {
        margin: 0 0 0 70px
    }
}

.page_statusTitle__rCqn8 {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #76ffbd, #5ce8a4 35.85%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 17px;
    font-weight: 800;
    line-height: 20px;
    margin: 0 0 4px;
    text-transform: uppercase
}

@media(max-width:1800px) {
    .page_statusTitle__rCqn8 {
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 2px
    }
}

.page_statusText__IeaDN {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #e6d0d0, #b9a6a6 29.55%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 13px;
    line-height: 16px
}

@media(max-width:1800px) {
    .page_statusText__IeaDN {
        font-size: 12px;
        line-height: 14px
    }
}

.page_statusButton__wLj2- {
    background: #ffa860;
    border-radius: 10px;
    color: #5e3c1e;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    height: 55px;
    line-height: 55px;
    margin: 0 27px 0 auto;
    padding: 0 78px 0 25px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s ease, color .3s ease
}

@media(max-width:1800px) {
    .page_statusButton__wLj2- {
        font-size: 11px;
        height: 48px;
        line-height: 48px;
        padding: 0 68px 0 15px
    }
}

@media(max-width:900px) {
    .page_statusButton__wLj2- {
        margin: 0 0 0 auto
    }
}

@media(max-width:599px) {
    .page_statusButton__wLj2- {
        margin: 20px 0 0 70px;
        width: calc(100% - 90px)
    }
}

.page_statusButton__wLj2-:hover {
    background: #ffbe88;
    color: #875931
}

.page_statusButton__wLj2-:hover .page_buttonIcon__ovE8L {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.page_statusButton__wLj2-:hover path {
    fill: #875931
}

.page_buttonIcon__ovE8L {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 23px;
    top: 0;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.page_buttonIcon__ovE8L path {
    transition: fill .3s ease
}

@media(max-width:1800px) {
    .page_buttonIcon__ovE8L {
        right: 18px
    }
}

.page_page__PF-6P {
    margin-bottom: 50px;
    overflow: hidden;
    padding-top: 55px
}

@media(max-width:1200px) {
    .page_page__PF-6P {
        margin-bottom: 35px;
        padding-top: 45px
    }
}

@media(max-width:900px) {
    .page_page__PF-6P {
        margin-bottom: 30px;
        padding-top: 27px
    }
}

@media(max-width:599px) {
    .page_page__PF-6P {
        margin-bottom: 25px;
        padding-top: 20px
    }
}

.page_title__gk-qK {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #aa999c, #fff1e9);
    -webkit-background-clip: text;
    background-clip: text;
    color: #fafafb;
    font-size: 31px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 27px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 5
}

@media(max-width:1800px) {
    .page_title__gk-qK {
        font-size: 26px
    }
}

@media(max-width:1200px) {
    .page_title__gk-qK {
        font-size: 22px;
        margin: 0 0 15px
    }
}

@media(max-width:900px) {
    .page_title__gk-qK {
        font-size: 19px;
        margin: 15px 0
    }
}

@media(max-width:599px) {
    .page_title__gk-qK {
        font-size: 17px
    }
}

.page_status__t3rIt {
    align-items: center;
    background: rgba(224, 163, 168, .04);
    border-radius: 14px;
    display: flex;
    flex-wrap: wrap;
    height: 109px;
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(max-width:1200px) {
    .page_status__t3rIt {
        margin: 15px auto 0
    }
}

@media(max-width:900px) {
    .page_status__t3rIt {
        height: auto;
        padding: 18px 20px 18px 0
    }
}

@media(max-width:599px) {
    .page_status__t3rIt {
        height: auto;
        padding: 20px 0
    }
}

.page_status__t3rIt:before {
    background: #2f1c21;
    border: 3px solid #e2604e;
    border-radius: 30px;
    box-shadow: 0 0 50px 10px rgba(255, 73, 89, .24);
    content: "";
    height: 55px;
    left: 28px;
    position: absolute;
    top: 28px;
    width: 55px
}

@media(max-width:1800px) {
    .page_status__t3rIt:before {
        left: 25px
    }
}

@media(max-width:900px) {
    .page_status__t3rIt:before {
        border: 2px solid #e2604e;
        height: 36px;
        left: 15px;
        top: 24px;
        width: 36px
    }
}

@media(max-width:599px) {
    .page_status__t3rIt:before {
        left: 19px;
        top: 19px
    }
}

.page_status__t3rIt:after {
    background: url(/static/media/alert.f5ed88b960ac0c398420.svg) no-repeat;
    background-size: 100%;
    content: "";
    height: 27px;
    left: 42px;
    position: absolute;
    top: 42px;
    width: 27px
}

@media(max-width:1800px) {
    .page_status__t3rIt:after {
        left: 39px
    }
}

@media(max-width:900px) {
    .page_status__t3rIt:after {
        height: 24px;
        left: 21px;
        top: 30px;
        width: 24px
    }
}

@media(max-width:599px) {
    .page_status__t3rIt:after {
        left: 25px;
        top: 25px
    }
}

.page_statusDescription__CMLZ9 {
    margin: 0 0 0 117px;
    max-width: 220px
}

@media(max-width:1800px) {
    .page_statusDescription__CMLZ9 {
        margin: 0 0 0 95px
    }
}

@media(max-width:900px) {
    .page_statusDescription__CMLZ9 {
        margin: 0 0 0 70px
    }
}

.page_statusTitle__TB\+0L {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #ff7979, #ea6060 35.85%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 17px;
    font-weight: 800;
    line-height: 20px;
    margin: 0 0 4px;
    text-transform: uppercase
}

@media(max-width:1800px) {
    .page_statusTitle__TB\+0L {
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 2px
    }
}

.page_statusText__eaD\+- {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #e6d0d0, #b9a6a6 29.55%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 13px;
    line-height: 16px
}

@media(max-width:1800px) {
    .page_statusText__eaD\+- {
        font-size: 12px;
        line-height: 14px
    }
}

.page_statusButton__Ba1z5 {
    background: #ffa860;
    border-radius: 10px;
    color: #5e3c1e;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    height: 55px;
    line-height: 55px;
    margin: 0 27px 0 auto;
    padding: 0 78px 0 25px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s ease, color .3s ease
}

@media(max-width:1800px) {
    .page_statusButton__Ba1z5 {
        font-size: 11px;
        height: 48px;
        line-height: 48px;
        padding: 0 68px 0 15px
    }
}

@media(max-width:900px) {
    .page_statusButton__Ba1z5 {
        margin: 0 0 0 auto
    }
}

@media(max-width:599px) {
    .page_statusButton__Ba1z5 {
        margin: 20px 0 0 70px;
        width: calc(100% - 90px)
    }
}

.page_statusButton__Ba1z5:hover {
    background: #ffbe88;
    color: #875931
}

.page_statusButton__Ba1z5:hover .page_buttonIcon__X1RrL {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.page_statusButton__Ba1z5:hover path {
    fill: #875931
}

.page_buttonIcon__X1RrL {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 23px;
    top: 0;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.page_buttonIcon__X1RrL path {
    transition: fill .3s ease
}

@media(max-width:1800px) {
    .page_buttonIcon__X1RrL {
        right: 18px
    }
}

.modal_component__SOcmY {
    align-items: center;
    background: rgba(23, 20, 23, .7);
    display: none;
    grid-template-columns: minmax(0, 1fr);
    height: 100vh;
    justify-content: center;
    justify-items: center;
    left: 0;
    overflow: hidden auto;
    padding: 28px 20px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 20000;
}

@media(max-width:1200px) {
    .modal_component__SOcmY {
        padding: 24px 16px
    }
}

@media(max-width:900px) {
    .modal_component__SOcmY {
        padding: 20px 12px
    }
}

@media(max-width:599px) {
    .modal_component__SOcmY {
        padding: 16px 8px
    }
}

.modal_component__SOcmY.modal_enter__6bgNs {
    opacity: 0
}

.modal_component__SOcmY.modal_enter__6bgNs .modal_content__X8TmX {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.modal_component__SOcmY.modal_enterActive__A7hzZ {
    opacity: 1;
    transition: opacity .2s ease
}

.modal_component__SOcmY.modal_enterActive__A7hzZ .modal_content__X8TmX {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform .2s
}

.modal_component__SOcmY.modal_exit__M6hxI {
    opacity: 1
}

.modal_component__SOcmY.modal_exit__M6hxI .modal_content__X8TmX {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.modal_component__SOcmY.modal_exitActive__EU9uW {
    opacity: 0;
    transition: opacity .2s ease
}

.modal_component__SOcmY.modal_exitActive__EU9uW .modal_content__X8TmX {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    transition: transform .2s
}

.modal_content__X8TmX {
    max-width: 100%
}

.alert-modal {
    background: #262329;
    border-radius: 20px;
    max-width: 525px;
    padding: 174px 50px 50px;
    position: relative;
    text-align: center
}

.alert-modal:before {
    background: #3f2f19;
    border: 3px solid #ffa860;
    border-radius: 40px;
    box-shadow: 0 0 50px 10px rgba(243, 160, 91, .3);
    content: "";
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 64px;
    width: 80px
}

.alert-modal--warning:before {
    background: #2f1c21;
    border: 3px solid #e2604e;
    box-shadow: 0 0 50px 10px rgba(255, 73, 89, .24)
}

.alert-modal__icon {
    height: 42px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 83px;
    width: 42px
}

.alert-modal__icon path {
    fill: #ffa860
}

@media(max-width:900px) {
    .alert-modal__icon {
        height: 36px;
        top: 66px;
        width: 36px
    }
}

.alert-modal--warning .alert-modal__icon path {
    fill: #e2604e
}

.alert-modal__close {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 10
}

.alert-modal__close path {
    transition: fill .3s ease
}

.alert-modal__close:hover path {
    fill: #b0aeaf
}

@media(max-width:599px) {
    .alert-modal__close {
        right: 25px;
        top: 25px
    }
    .alert-modal__close-icon {
        height: 28px;
        width: 28px
    }
}

@media(max-width:1200px) {
    .alert-modal {
        padding: 174px 40px 40px
    }
}

@media(max-width:900px) {
    .alert-modal {
        padding: 150px 40px 40px
    }
    .alert-modal:before {
        height: 68px;
        top: 50px;
        width: 68px
    }
}

@media(max-width:599px) {
    .alert-modal {
        padding: 150px 25px 25px;
        width: 100%
    }
}

.alert-modal__title {
    color: #ff7360;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 26px;
    margin-bottom: 12px;
    text-transform: uppercase
}

@media(max-width:900px) {
    .alert-modal__title {
        font-size: 20px
    }
}

@media(max-width:599px) {
    .alert-modal__title {
        font-size: 18px;
        margin-bottom: 8px
    }
}

.alert-modal__subtitle {
    color: #eadfe4;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 25px
}

@media(max-width:1200px) {
    .alert-modal__subtitle {
        font-size: 15px;
        margin-bottom: 25px
    }
}

@media(max-width:900px) {
    .alert-modal__subtitle {
        font-size: 14px;
        margin-bottom: 20px
    }
}

@media(max-width:599px) {
    .alert-modal__subtitle {
        font-size: 13px
    }
}

.alert-modal__gold {
    color: #ffb374;
    font-weight: 700
}

.alert-modal__contacts {
    background: #362e28;
    border-radius: 10px;
    color: #ffb374;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    padding: 15px 25px
}

@media(max-width:599px) {
    .alert-modal__contacts {
        font-size: 12px
    }
}

.alert-modal__contacts-link {
    font-weight: 700;
    margin: 0 0 0 5px;
    padding: 0 28px 0 0;
    position: relative
}

.alert-modal__contacts-link:after {
    background: url(/static/media/ask-icon.be1dab69136005f828b8.svg) no-repeat;
    background-size: 100%;
    content: "";
    height: 25px;
    opacity: .38;
    position: absolute;
    right: 0;
    top: -5px;
    transition: opacity .3s ease;
    width: 25px
}

.alert-modal__contacts-link:hover {
    color: #ffb374
}

.alert-modal__contacts-link:hover:after {
    opacity: .75
}

@media(max-width:599px) {
    .alert-modal__contacts-link {
        padding: 0
    }
    .alert-modal__contacts-link:after {
        display: none
    }
}

.alert-modal__buttons {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.alert-modal__btn {
    background-color: #d0585c;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    height: 58px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3s ease, color .3s ease;
    width: calc(50% - 5px)
}

@media(max-width:1200px) {
    .alert-modal__btn {
        font-size: 14px
    }
}

@media(max-width:900px) {
    .alert-modal__btn {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .alert-modal__btn {
        font-size: 12px;
        height: 52px
    }
}

.alert-modal__btn:hover {
    background: #e96c6e
}

.alert-modal__btn--loading {
    cursor: wait;
    opacity: .7
}

.alert-modal__btn--cancel {
    background-color: #2b2930;
    color: #606060
}

.alert-modal__btn--cancel:hover {
    background-color: #3a3740;
    color: #c7c7c7
}

.background_background__QZcW1 {
    inset: 0;
    position: absolute;
    z-index: 1
}

.background_backgroundImage__4tmOy {
    left: 52px;
    position: absolute;
    top: -120px;
    width: 1455px;
    z-index: 1
}

@media(max-width:1200px) {
    .background_backgroundImage__4tmOy {
        left: 50%;
        top: -120px;
        -webkit-transform: translateX(calc(-50% - 80px));
        transform: translateX(calc(-50% - 80px))
    }
}

@media(max-width:900px) {
    .background_backgroundImage__4tmOy {
        left: auto;
        right: -114px;
        top: 12px;
        -webkit-transform: none;
        transform: none;
        width: 900px
    }
}

@media(max-width:599px) {
    .background_backgroundImage__4tmOy {
        left: 50%;
        top: 64px;
        -webkit-transform: translateX(calc(-50% - 64px));
        transform: translateX(calc(-50% - 64px));
        width: 588px
    }
}

.background_mainImageWrapper__nt25p {
    left: 96px;
    position: absolute;
    top: -120px;
    width: 1471px;
    z-index: 2
}

@media(max-width:1200px) {
    .background_mainImageWrapper__nt25p {
        left: 50%;
        -webkit-transform: translateX(calc(-50% + 50px));
        transform: translateX(calc(-50% + 50px))
    }
}

@media(max-width:900px) {
    .background_mainImageWrapper__nt25p {
        left: auto;
        right: -212px;
        top: 8px;
        -webkit-transform: none;
        transform: none;
        width: 900px
    }
    .background_mainImageWrapper__nt25p:after {
        background: linear-gradient(190deg, rgba(23, 19, 23, 0) 35%, #171317 75%);
        content: "";
        inset: 0;
        position: absolute
    }
}

@media(max-width:599px) {
    .background_mainImageWrapper__nt25p {
        left: 50%;
        right: auto;
        top: 64px;
        -webkit-transform: translateX(calc(-50% + 34px));
        transform: translateX(calc(-50% + 34px));
        width: 580px
    }
}

.background_mainImage__yT1DS {
    width: 100%
}

.header_component__1jZgI {
    justify-self: flex-start
}

@media(max-width:599px) {
    .header_component__1jZgI {
        justify-self: stretch
    }
}

.header_title__p1rqs {
    color: #ffa860;
    font-size: 102px;
    font-weight: 900;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .header_title__p1rqs {
        font-size: 86px
    }
}

@media(max-width:900px) {
    .header_title__p1rqs {
        font-size: 62px
    }
}

@media(max-width:599px) {
    .header_title__p1rqs {
        font-size: 48px;
        text-align: center
    }
}

.header_subtitle__e\+XYO {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(59, 52, 63, .4);
    border-radius: 12px;
    color: #fbcda7;
    font-size: 25px;
    font-weight: 300;
    padding: 22px;
    text-align: center
}

@media(max-width:1200px) {
    .header_subtitle__e\+XYO {
        font-size: 22px
    }
}

@media(max-width:900px) {
    .header_subtitle__e\+XYO {
        border-radius: 8px;
        font-size: 16px;
        padding: 16px
    }
}

@media(max-width:599px) {
    .header_subtitle__e\+XYO {
        font-size: 14px
    }
}

.info_component__NY7GG {
    grid-gap: 4px;
    display: grid;
    gap: 4px;
    left: 442px;
    position: absolute;
    top: 412px;
    -webkit-transform: matrix(1, .05, 0, 1, 0, 0);
    transform: matrix(1, .05, 0, 1, 0, 0);
    width: 224px
}

@media(max-width:1200px) {
    .info_component__NY7GG {
        left: 50%;
        top: 446px;
        -webkit-transform: matrix(1, .05, 0, 1, 0, 0) translateX(calc(-50% - 228px));
        transform: matrix(1, .05, 0, 1, 0, 0) translateX(calc(-50% - 228px))
    }
}

@media(max-width:900px) {
    .info_component__NY7GG {
        gap: 0;
        margin-top: 32px;
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }
}

@media(max-width:599px) {
    .info_component__NY7GG {
        margin-top: 24px
    }
}

.info_title__D9mAq {
    color: #ffd9d0;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .21em;
    opacity: .4;
    order: 1;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:900px) {
    .info_title__D9mAq {
        color: #ffca9e;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: normal;
        opacity: 1;
        order: 2;
        text-align: left
    }
}

@media(max-width:599px) {
    .info_title__D9mAq {
        font-size: 14px
    }
}

.info_value__\+Q1A\+ {
    color: #ffa860;
    font-family: DIN Pro Condensed Medium, HCo Gotham, -apple-system, blinkmacsystemfont, arial, sans-serif;
    font-size: 36px;
    font-weight: 900;
    order: 2;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:900px) {
    .info_value__\+Q1A\+ {
        color: #fff;
        font-size: 56px;
        order: 1;
        text-align: left
    }
}

@media(max-width:599px) {
    .info_value__\+Q1A\+ {
        font-size: 48px
    }
}

.info_button__ltVJm {
    background: #e05757;
    border-radius: 8px;
    color: #fff2f0;
    font-size: 13px;
    font-weight: 600;
    height: 44px;
    justify-self: center;
    order: 3;
    padding: 0 16px;
    text-transform: uppercase;
    transition: background .3s ease
}

.info_button__ltVJm:hover {
    background: #ff5c5c
}

@media(max-width:900px) {
    .info_button__ltVJm {
        font-size: 12px;
        height: 48px;
        justify-self: flex-start;
        margin-top: 100px;
        width: 280px
    }
}

@media(max-width:599px) {
    .info_button__ltVJm {
        font-size: 11px;
        height: 46px;
        margin-top: 80px;
        width: 100%
    }
}

.description_component__x3C9b {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    margin-top: 70px;
    max-width: 260px;
    width: 100%
}

@media(max-width:1200px) {
    .description_component__x3C9b {
        gap: 16px;
        margin-top: 468px;
        max-width: none
    }
}

@media(max-width:900px) {
    .description_component__x3C9b {
        margin-top: 40px
    }
}

@media(max-width:599px) {
    .description_component__x3C9b {
        gap: 12px;
        margin-top: 32px
    }
}

.description_item__Hnl8m {
    color: #bdaeae;
    font-size: 15px;
    font-weight: 300;
    line-height: 160%
}

@media(max-width:900px) {
    .description_item__Hnl8m {
        font-size: 14px;
        line-height: 155%
    }
}

@media(max-width:599px) {
    .description_item__Hnl8m {
        font-size: 12px;
        line-height: 150%
    }
}

.goldcoin_component__gVwR1 {
    display: grid;
    padding: 64px 0 120px;
    position: relative
}

@media(max-width:1200px) {
    .goldcoin_component__gVwR1 {
        padding: 48px 0
    }
}

@media(max-width:900px) {
    .goldcoin_component__gVwR1 {
        padding: 32px 0
    }
}

@media(max-width:599px) {
    .goldcoin_component__gVwR1 {
        padding: 16px 0
    }
}

.goldcoin_content__KMIsF {
    display: grid;
    position: relative;
    z-index: 2
}

.item-status_component__-KStT {
    align-items: center;
    display: flex
}

.item-status_icon__QYR49 {
    cursor: pointer;
    height: 26px;
    outline: none;
    width: 26px
}

@media(max-width:900px) {
    .item-status_icon__QYR49 {
        height: 24px;
        width: 24px
    }
}

@media(max-width:599px) {
    .item-status_icon__QYR49 {
        height: 22px;
        width: 22px
    }
}

.item-status_tooltip__e\+xQh {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(53, 49, 57, .9);
    border-radius: 8px;
    box-shadow: 0 8px 40px #171317;
    color: #c8bdc2;
    font-size: 12px;
    font-weight: 300;
    max-width: 100%;
    text-align: center;
    z-index: 100
}

.item-status_tooltip__e\+xQh:after,
.item-status_tooltip__e\+xQh:before {
    display: none
}

.item-status_reason__-fQu0 {
    margin-top: 8px;
    max-width: 320px;
    white-space: normal
}

@media(max-width:599px) {
    .item-status_reason__-fQu0 {
        max-width: 240px
    }
}

.item-status_wait__qGOGB .item-status_icon__QYR49 {
    fill: #df9f69
}

.item-status_active__RhDbc .item-status_icon__QYR49 {
    fill: #d67253
}

.item-status_success__TE0Al .item-status_icon__QYR49 {
    fill: #3eae78
}

.item-status_cancel__5-2Hi .item-status_icon__QYR49 {
    fill: #6a6671
}

.skin-item_component__CrsF3 {
    grid-gap: 12px;
    align-items: center;
    background: #1a181d;
    border-radius: 8px;
    cursor: default;
    display: grid;
    gap: 12px;
    grid-template-columns: 104px 1fr auto auto;
    height: 80px;
    overflow: hidden;
    padding: 0 24px
}

@media(max-width:1200px) {
    .skin-item_component__CrsF3 {
        padding: 0 16px
    }
}

@media(max-width:900px) {
    .skin-item_component__CrsF3 {
        grid-template-columns: 90px 1fr auto auto;
        height: 70px
    }
}

@media(max-width:599px) {
    .skin-item_component__CrsF3 {
        grid-template-columns: 76px 1fr auto auto;
        height: 66px;
        padding: 0 8px
    }
}

.skin-item_image__edkeh {
    max-height: 72px;
    max-width: 100%;
    z-index: 1
}

@media(max-width:900px) {
    .skin-item_image__edkeh {
        max-height: 62px
    }
}

@media(max-width:599px) {
    .skin-item_image__edkeh {
        max-height: 58px
    }
}

.skin-item_description__q-Ctp {
    grid-gap: 2px;
    display: grid;
    gap: 2px
}

.skin-item_firstTitle__bz7tg {
    color: #72676b;
    font-size: 13px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:900px) {
    .skin-item_firstTitle__bz7tg {
        font-size: 12px
    }
}

@media(max-width:599px) {
    .skin-item_firstTitle__bz7tg {
        font-size: 11px
    }
}

.skin-item_secondTitle__wTA-H {
    color: #eadfe4;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:900px) {
    .skin-item_secondTitle__wTA-H {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .skin-item_secondTitle__wTA-H {
        font-size: 12px
    }
}

.skin-item_amount__Pmtyy {
    color: #eadfe4;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:900px) {
    .skin-item_amount__Pmtyy {
        font-size: 15px
    }
}

@media(max-width:599px) {
    .skin-item_amount__Pmtyy {
        font-size: 14px
    }
}

.goldcoin-item_component__KBA6n {
    grid-gap: 12px;
    align-items: center;
    background: #1a181d;
    border-radius: 8px;
    cursor: default;
    display: grid;
    gap: 12px;
    grid-template-columns: 104px 1fr auto;
    height: 80px;
    overflow: hidden;
    padding: 0 24px
}

@media(max-width:1200px) {
    .goldcoin-item_component__KBA6n {
        padding: 0 16px
    }
}

@media(max-width:900px) {
    .goldcoin-item_component__KBA6n {
        grid-template-columns: 90px 1fr auto;
        height: 70px
    }
}

@media(max-width:599px) {
    .goldcoin-item_component__KBA6n {
        grid-template-columns: 76px 1fr auto;
        height: 66px;
        padding: 0 8px
    }
}

.goldcoin-item_image__EgIn9 {
    height: 72px;
    width: 72px;
    z-index: 1
}

@media(max-width:900px) {
    .goldcoin-item_image__EgIn9 {
        height: 62px;
        width: 62px
    }
}

@media(max-width:599px) {
    .goldcoin-item_image__EgIn9 {
        height: 58px;
        width: 58px
    }
}

.goldcoin-item_description__8fnnM {
    grid-gap: 2px;
    display: grid;
    gap: 2px
}

.goldcoin-item_title__Xlxp4 {
    color: #72676b;
    font-size: 13px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:900px) {
    .goldcoin-item_title__Xlxp4 {
        font-size: 12px
    }
}

@media(max-width:599px) {
    .goldcoin-item_title__Xlxp4 {
        font-size: 11px
    }
}

.goldcoin-item_amount__xm\+-Y {
    color: #e9a160;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:900px) {
    .goldcoin-item_amount__xm\+-Y {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .goldcoin-item_amount__xm\+-Y {
        font-size: 12px
    }
}

@-webkit-keyframes load-more-button_rotate-center__y65Yq {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load-more-button_rotate-center__y65Yq {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.load-more-button_component__LA2NW {
    grid-gap: 10px;
    align-items: center;
    background: #252028;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto auto;
    height: 52px;
    justify-content: center;
    justify-self: center;
    padding: 0 20px;
    transition: background .3s ease
}

@media(max-width:900px) {
    .load-more-button_component__LA2NW {
        height: 48px;
        justify-self: stretch
    }
}

@media(max-width:599px) {
    .load-more-button_component__LA2NW {
        height: 46px
    }
}

.load-more-button_component__LA2NW:hover {
    background: #302a34
}

.load-more-button_fetching__mtHfC .load-more-button_icon__cZ9yD {
    -webkit-animation: load-more-button_rotate-center__y65Yq 2s infinite both;
    animation: load-more-button_rotate-center__y65Yq 2s infinite both
}

.load-more-button_icon__cZ9yD {
    fill: #9c8b92;
    height: 24px;
    width: 24px
}

@media(max-width:900px) {
    .load-more-button_icon__cZ9yD {
        height: 22px;
        width: 22px
    }
}

@media(max-width:599px) {
    .load-more-button_icon__cZ9yD {
        height: 20px;
        width: 20px
    }
}

.load-more-button_title__GDnBC {
    color: #ccbcc2;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width:900px) {
    .load-more-button_title__GDnBC {
        font-size: 11px
    }
}

@media(max-width:599px) {
    .load-more-button_title__GDnBC {
        font-size: 10px
    }
}

.history_component__BvFWF {
    grid-gap: 20px;
    display: grid;
    gap: 20px
}

@media(max-width:900px) {
    .history_component__BvFWF {
        gap: 16px
    }
}

@media(max-width:599px) {
    .history_component__BvFWF {
        gap: 8px
    }
}

.history_empty__QqyvF {
    align-items: center;
    background: #1d1920;
    border-radius: 16px;
    display: flex;
    height: 200px;
    justify-content: center
}

@media(max-width:1200px) {
    .history_empty__QqyvF {
        border-radius: 14px;
        height: 180px
    }
}

@media(max-width:900px) {
    .history_empty__QqyvF {
        border-radius: 12px;
        height: 160px
    }
}

@media(max-width:599px) {
    .history_empty__QqyvF {
        border-radius: 10px;
        height: 140px
    }
}

.history_emptyDescription__uOET2 {
    color: #c9bcc1;
    font-size: 16px;
    font-weight: 300
}

@media(max-width:900px) {
    .history_emptyDescription__uOET2 {
        font-size: 12px
    }
}

.history_list__dRtfX {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, 1fr)
}

@media(max-width:900px) {
    .history_list__dRtfX {
        grid-template-columns: 1fr
    }
}

.goldcoin-input_component__KxQCr {
    --offset-x: 16px;
    margin-top: 12px;
    max-width: 252px;
    width: 100%
}

@media(max-width:599px) {
    .goldcoin-input_component__KxQCr {
        max-width: none
    }
}

.goldcoin-input_input__2vavd {
    background: #2e2932;
    border-radius: 8px;
    color: #a199a0;
    font-size: 14px;
    font-weight: 600;
    height: 54px;
    padding: 0 var(--offset-x);
    transition: background .3s ease;
    width: 100%
}

.goldcoin-input_input__2vavd::-webkit-input-placeholder {
    font-weight: 400
}

.goldcoin-input_input__2vavd::placeholder {
    font-weight: 400
}

.goldcoin-input_input__2vavd:focus,
.goldcoin-input_input__2vavd:hover {
    background: #3b3641
}

.goldcoin-input_hint__f\+5e7 {
    color: #5c5463;
    font-size: 11px;
    font-weight: 300;
    margin-top: 6px;
    padding-left: var(--offset-x)
}

.skin-select_component__rcsB4 {
    --offset-x: 16px;
    margin-top: 8px;
    max-width: 252px;
    position: relative;
    width: 100%
}

@media(max-width:599px) {
    .skin-select_component__rcsB4 {
        max-width: none
    }
}

.skin-select_box__UFeTm {
    align-items: center;
    background: #2e2932;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 54px;
    padding: 0 var(--offset-x);
    position: relative;
    width: 100%
}

.skin-select_title__4BOoq {
    color: #a199a0;
    font-size: 14px
}

.skin-select_icon__X79ye {
    height: 24px;
    position: absolute;
    right: calc(var(--offset-x)/2);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 24px
}

.skin-select_dropdown__slBjQ {
    background: #3b3641;
    border-radius: 8px;
    bottom: calc(100% + 3px);
    padding: 20px 0;
    position: absolute;
    width: 100%
}

.skin-select_list__5o3IH {
    grid-gap: 12px;
    display: grid;
    gap: 12px;
    margin-left: var(--offset-x);
    margin-right: calc(var(--offset-x)/2);
    max-height: 180px;
    overflow-y: auto;
    padding-right: calc(var(--offset-x)/2)
}

.skin-select_list__5o3IH::-webkit-scrollbar {
    width: 3px
}

.skin-select_list__5o3IH::-webkit-scrollbar-thumb {
    background-color: #746e7b
}

.skin-select_list__5o3IH::-webkit-scrollbar-track {
    background-color: #45404b
}

.skin-select_item__ADGF- {
    color: #a299a0;
    cursor: pointer;
    font-size: 14px;
    transition: padding .3s ease, color .3s ease
}

.skin-select_item__ADGF-.skin-select_selected__MDnZm,
.skin-select_item__ADGF-:hover {
    color: #f3ecf2;
    padding-left: 6px
}

.skin-select_opened__mbdy- .skin-select_box__UFeTm {
    background: #3b3641
}

.skin-select_opened__mbdy- .skin-select_icon__X79ye {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.withdraw-button_component__bl1IY {
    align-items: center;
    background: #d0585c;
    border-radius: 8px;
    display: flex;
    height: 58px;
    justify-content: center;
    margin-top: 24px;
    max-width: 252px;
    transition: background .3s ease;
    width: 100%
}

@media(max-width:599px) {
    .withdraw-button_component__bl1IY {
        height: 44px;
        margin-top: 16px;
        max-width: none
    }
}

.withdraw-button_component__bl1IY:hover {
    background: #ee5e63
}

.withdraw-button_title__kbXjM {
    color: #ffeeef;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width:599px) {
    .withdraw-button_title__kbXjM {
        font-size: 12px
    }
}

.steps-list_component__eI3y4 {
    grid-gap: 16px;
    display: grid;
    gap: 16px;
    margin-top: 32px;
    position: relative;
    z-index: 1
}

@media(max-width:900px) {
    .steps-list_component__eI3y4 {
        margin-top: 24px
    }
}

@media(max-width:599px) {
    .steps-list_component__eI3y4 {
        margin-top: 16px
    }
}

.steps-list_step__3dSm1 {
    --marker-size: 30px;
    --header-gap: 16px;
    display: grid;
    max-width: 428px
}

@media(max-width:900px) {
    .steps-list_step__3dSm1 {
        --marker-size: 25px;
        --header-gap: 12px
    }
}

@media(max-width:599px) {
    .steps-list_step__3dSm1 {
        --marker-size: 20px;
        --header-gap: 8px;
        max-width: none
    }
}

.steps-list_header__dAJQi {
    grid-gap: var(--header-gap);
    align-items: flex-start;
    display: grid;
    gap: var(--header-gap);
    grid-template-columns: auto 1fr
}

.steps-list_marker__fHnaO {
    align-items: center;
    background: #302c34;
    border: 2px solid #ffb374;
    border-radius: 100%;
    color: #ffb374;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    height: var(--marker-size);
    justify-content: center;
    width: var(--marker-size)
}

@media(max-width:900px) {
    .steps-list_marker__fHnaO {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .steps-list_marker__fHnaO {
        font-size: 11px
    }
}

.steps-list_title__xvc5B {
    color: #ffb374;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 4px
}

@media(max-width:900px) {
    .steps-list_title__xvc5B {
        font-size: 14px;
        line-height: 19px;
        margin-top: 3px
    }
}

@media(max-width:599px) {
    .steps-list_title__xvc5B {
        font-size: 12px;
        line-height: 16px;
        margin-top: 2px
    }
}

.steps-list_body__p6NFA {
    padding-left: calc(var(--marker-size) + var(--header-gap))
}

.steps-list_text__yEIS- {
    color: #aca2a5;
    font-size: 14px;
    line-height: 20px
}

@media(max-width:900px) {
    .steps-list_text__yEIS- {
        font-size: 13px;
        line-height: 18px
    }
}

@media(max-width:599px) {
    .steps-list_text__yEIS- {
        font-size: 12px;
        line-height: 16px
    }
}

.steps-list_accent__79MW0 {
    color: #4cea9e;
    font-weight: 500;
    padding: 0 22px 0 0;
    position: relative;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.steps-list_accent__79MW0:before {
    background: url(/static/media/withdraw-copy.3a99b203ca36c81bccd9.svg) no-repeat;
    background-size: 100%;
    bottom: 0;
    content: "";
    height: 16px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.steps-list_accent__79MW0:hover {
    -webkit-filter: brightness(1.6);
    filter: brightness(1.6)
}

.modal-goldcoin-withdraw_component__m32YH {
    background: linear-gradient(180deg, #1f1d22, #262329);
    border-radius: 20px;
    max-width: 100%;
    overflow: hidden;
    padding: 48px 40px;
    position: relative;
    width: 896px
}

@media(max-width:900px) {
    .modal-goldcoin-withdraw_component__m32YH {
        border-radius: 8px;
        padding: 32px 24px;
        width: 560px
    }
}

@media(max-width:599px) {
    .modal-goldcoin-withdraw_component__m32YH {
        padding: 24px 16px;
        width: 100%
    }
}

.modal-goldcoin-withdraw_component__m32YH:before {
    background-image: url(/static/media/withdraw-bg.53b91586a7e7017636e5.png);
    background-position: top 70px right;
    background-repeat: no-repeat;
    background-size: 570px;
    content: "";
    inset: 0;
    position: absolute
}

@media(max-width:900px) {
    .modal-goldcoin-withdraw_component__m32YH:before {
        background-position: top 100px right;
        background-size: 226px
    }
}

@media(max-width:599px) {
    .modal-goldcoin-withdraw_component__m32YH:before {
        display: none
    }
}

.modal-goldcoin-withdraw_closeButton__MIn72 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 24px
}

@media(max-width:900px) {
    .modal-goldcoin-withdraw_closeButton__MIn72 {
        right: 16px;
        top: 16px
    }
}

@media(max-width:599px) {
    .modal-goldcoin-withdraw_closeButton__MIn72 {
        right: 8px;
        top: 8px
    }
}

.modal-goldcoin-withdraw_closeButton__MIn72:hover .modal-goldcoin-withdraw_closeIcon__gIsaL {
    fill: #b0aeaf
}

.modal-goldcoin-withdraw_closeIcon__gIsaL {
    fill: #45404a;
    height: 40px;
    transition: fill .3s ease;
    width: 40px
}

@media(max-width:900px) {
    .modal-goldcoin-withdraw_closeIcon__gIsaL {
        height: 34px;
        width: 34px
    }
}

@media(max-width:599px) {
    .modal-goldcoin-withdraw_closeIcon__gIsaL {
        height: 28px;
        width: 28px
    }
}

.modal-goldcoin-withdraw_title__owGvX {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}

@supports((-webkit-background-clip:text) or (background-clip:text)) {
    .modal-goldcoin-withdraw_title__owGvX {
        background: linear-gradient(180deg, #937e82, #fff8f3);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

@media(max-width:900px) {
    .modal-goldcoin-withdraw_title__owGvX {
        font-size: 20px
    }
}

@media(max-width:599px) {
    .modal-goldcoin-withdraw_title__owGvX {
        font-size: 16px
    }
}

.modal-goldcoin-withdraw_subtitle__BWjVP {
    color: #c1b8bb;
    font-size: 16px;
    margin-top: 5px
}

@media(max-width:900px) {
    .modal-goldcoin-withdraw_subtitle__BWjVP {
        font-size: 14px
    }
}

@media(max-width:599px) {
    .modal-goldcoin-withdraw_subtitle__BWjVP {
        font-size: 12px
    }
}

@-webkit-keyframes waiting {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        opacity: .2;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes waiting {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        opacity: .2;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.profile-drop {
    border-radius: 10px;
    display: flex;
    height: 236px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

@media(max-width:599px) {
    .profile-drop {
        height: 200px
    }
}

.profile-drop:after,
.profile-drop:before {
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0
}

.profile-drop:before {
    border-radius: 2px;
    height: 2px;
    width: 122px;
    z-index: 20
}

@media(max-width:599px) {
    .profile-drop:before {
        width: 80px
    }
}

.profile-drop:after {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 94px;
    top: 0;
    width: 94px
}

@media(max-width:1200px) {
    .profile-drop:after {
        height: 72px;
        width: 72px
    }
}

.profile-drop--covert {
    background: linear-gradient(1turn, #3e2a2c, #272127 65%)
}

.profile-drop--covert:before {
    background: #da5763;
    box-shadow: 0 -6px 60px 12px rgba(226, 81, 94, .5)
}

.profile-drop--covert:after {
    background-image: url(/static/media/profile_drops_item_red.82b06dc1a08b31e829c7.svg)
}

.profile-drop--knife {
    background: linear-gradient(1turn, #3d3026, #272127 65%)
}

.profile-drop--knife:before {
    background: #db975d;
    box-shadow: 0 -6px 60px 12px rgba(205, 129, 66, .5)
}

.profile-drop--knife:after {
    background-image: url(/static/media/profile_drops_item_golden.4f31212edd3383a25a28.svg)
}

.profile-drop--milspec {
    background: linear-gradient(1turn, #324549, #272127 65%)
}

.profile-drop--milspec:before {
    background: #79a8ca;
    box-shadow: 0 -6px 60px 12px rgba(92, 245, 255, .3)
}

.profile-drop--milspec:after {
    background-image: url(/static/media/profile_drops_item_aquablue.ff150dd0855fb5f684e3.svg)
}

.profile-drop--consumer,
.profile-drop--default {
    background: linear-gradient(1turn, #463c46, #272127 65%)
}

.profile-drop--consumer:before,
.profile-drop--default:before {
    background: #969396;
    box-shadow: 0 -6px 60px 12px hsla(0, 0%, 80%, .3)
}

.profile-drop--consumer:after,
.profile-drop--default:after {
    background-image: url(/static/media/profile_drops_item_gray.0b86b173939a612a2bc9.svg)
}

.profile-drop--classified {
    background: linear-gradient(1turn, #4e2f41, #272127 65%)
}

.profile-drop--classified:before {
    background: #c55980;
    box-shadow: 0 -6px 60px 12px rgba(255, 148, 186, .3)
}

.profile-drop--classified:after {
    background-image: url(/static/media/profile_drops_item_pink.f2c8995727cf667fca6e.svg)
}

.profile-drop--restricted {
    background: linear-gradient(1turn, #463050, #272127 65%)
}

.profile-drop--restricted:before {
    background: #7750e4;
    box-shadow: 0 -6px 60px 12px rgba(150, 100, 255, .3)
}

.profile-drop--restricted:after {
    background-image: url(/static/media/profile_drops_item_purple.733f771f4a320c3984f8.svg)
}

.profile-drop--industrial {
    background: linear-gradient(1turn, #2c3159, #272127 65%)
}

.profile-drop--industrial:before {
    background: #5776e4;
    box-shadow: 0 -6px 60px 12px rgba(131, 158, 255, .3)
}

.profile-drop--industrial:after {
    background-image: url(/static/media/profile_drops_item_blue.60960a2f631299a31e04.svg)
}

.profile-drop__top {
    align-items: center;
    display: flex;
    height: 32px;
    left: 16px;
    position: absolute;
    top: 16px;
    width: calc(100% - 32px);
    z-index: 30
}

.profile-drop__top:after {
    background-size: 100%;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px
}

@media(max-width:1200px) {
    .profile-drop__top:after {
        height: 24px;
        width: 24px
    }
}

.profile-drop__top--received:after {
    background-image: url(/static/media/drops_item_done_icon.d190e59e8ae51cd5729c.svg)
}

.profile-drop__top--sold:after {
    background-image: url(/static/media/drops_item_sold_icon.e6a4e2d1bc4d6ed1692a.svg)
}

.profile-drop__top--contract:after {
    background-image: url(/static/media/drops_item_contract_icon.fbb97913fd21ee538c2a.svg)
}

.profile-drop__top--sent:after {
    background-image: url(/static/media/drops_item_dropped_icon.e99e1939f3a75ba6eb40.svg)
}

.profile-drop__top--upgrade:after {
    background-image: url(/static/media/drops_item_upgraded_icon.a5c5ca4b6b7be50174fb.svg)
}

@media(max-width:1200px) {
    .profile-drop__top {
        height: 24px;
        left: 10px;
        top: 10px;
        width: calc(100% - 20px)
    }
}

.profile-drop__cost {
    color: #4cea9e;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 0 auto
}

.profile-drop__cost--upgrade {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 2
}

@media(max-width:1200px) {
    .profile-drop__cost {
        font-size: 10px
    }
}

@media(max-width:599px) {
    .profile-drop__cost {
        font-size: 9px
    }
}

.profile-drop__sell {
    background: #50cc90;
    border-radius: 6px;
    color: #12412a;
    cursor: pointer;
    font-size: 10px;
    font-weight: 800;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s ease, color .3s ease;
    z-index: 30
}

@media(max-width:1200px) {
    .profile-drop__sell {
        font-size: 9px;
        height: 24px;
        line-height: 24px;
        padding: 0 8px
    }
}

@media(max-width:599px) {
    .profile-drop__sell {
        padding: 0 7px
    }
}

.profile-drop__sell:hover {
    background: #90f5c4;
    color: #35815b
}

.profile-drop__picture {
    height: auto;
    inset: 0;
    margin: auto;
    position: absolute;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: 170px;
    z-index: 2
}

@media(max-width:1200px) {
    .profile-drop__picture {
        width: 130px
    }
}

.profile-drop__description {
    bottom: 0;
    left: 0;
    padding: 0 0 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 15
}

@media(max-width:1200px) {
    .profile-drop__description {
        height: 50px
    }
}

.profile-drop__get {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(255, 194, 142, .22);
    border-radius: 7px;
    box-shadow: 0 4px 24px rgba(23, 19, 23, .5);
    color: #ffbf89;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    max-width: 90%;
    padding: 14px 19px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 118px;
    transition: background .3s ease, color .3s ease;
    z-index: 200
}

.profile-drop__get:hover {
    background: rgba(255, 223, 196, .3);
    color: #fff
}

@media(max-width:1200px) {
    .profile-drop__get {
        font-size: 10px;
        padding: 12px 19px;
        top: 100px
    }
}

@media(max-width:599px) {
    .profile-drop__get {
        padding: 11px 15px;
        top: 80px
    }
}

.profile-drop__get--contract {
    top: 59px
}

@media(max-width:599px) {
    .profile-drop__get--contract {
        top: 45px
    }
}

.profile-drop__case {
    bottom: 0;
    opacity: 0;
    top: 0;
    width: 100%;
    z-index: 3
}

.profile-drop__case,
.profile-drop__case-picture {
    left: 0;
    position: absolute;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease
}

.profile-drop__case-picture {
    bottom: 40px;
    height: auto;
    margin: auto;
    right: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    width: 150px
}

.profile-drop__case-picture--clone {
    -webkit-filter: blur(30px);
    filter: blur(30px)
}

@media(max-width:1200px) {
    .profile-drop__case-picture {
        bottom: 15px
    }
}

@media(max-width:599px) {
    .profile-drop__case-picture {
        bottom: 25px;
        width: 120px
    }
}

.profile-drop:not(.item--available):hover .profile-drop__picture {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.profile-drop:hover .profile-drop__case {
    opacity: 1
}

.profile-drop:hover .profile-drop__case-picture {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.profile-drop__case:after,
.profile-drop__case:before,
.profile-drop__description:after,
.profile-drop__description:before {
    border-radius: 10px;
    bottom: 0;
    content: "";
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.profile-drop--covert .profile-drop__case:after,
.profile-drop--covert .profile-drop__case:before,
.profile-drop--covert .profile-drop__description:after,
.profile-drop--covert .profile-drop__description:before {
    background: linear-gradient(1turn, #3e2a2c, rgba(39, 33, 39, 0) 65%)
}

.profile-drop--knife .profile-drop__case:after,
.profile-drop--knife .profile-drop__case:before,
.profile-drop--knife .profile-drop__description:after,
.profile-drop--knife .profile-drop__description:before {
    background: linear-gradient(1turn, #3d3026, rgba(39, 33, 39, 0) 65%)
}

.profile-drop--milspec .profile-drop__case:after,
.profile-drop--milspec .profile-drop__case:before,
.profile-drop--milspec .profile-drop__description:after,
.profile-drop--milspec .profile-drop__description:before {
    background: linear-gradient(1turn, #324549, rgba(39, 33, 39, 0) 65%)
}

.profile-drop--consumer .profile-drop__case:after,
.profile-drop--consumer .profile-drop__case:before,
.profile-drop--consumer .profile-drop__description:after,
.profile-drop--consumer .profile-drop__description:before,
.profile-drop--default .profile-drop__case:after,
.profile-drop--default .profile-drop__case:before,
.profile-drop--default .profile-drop__description:after,
.profile-drop--default .profile-drop__description:before {
    background: linear-gradient(1turn, #463c46, rgba(39, 33, 39, 0) 65%)
}

.profile-drop--classified .profile-drop__case:after,
.profile-drop--classified .profile-drop__case:before,
.profile-drop--classified .profile-drop__description:after,
.profile-drop--classified .profile-drop__description:before {
    background: linear-gradient(1turn, #4e2f41, rgba(39, 33, 39, 0) 65%)
}

.profile-drop--restricted .profile-drop__case:after,
.profile-drop--restricted .profile-drop__case:before,
.profile-drop--restricted .profile-drop__description:after,
.profile-drop--restricted .profile-drop__description:before {
    background: linear-gradient(1turn, #463050, rgba(39, 33, 39, 0) 65%)
}

.profile-drop--industrial .profile-drop__case:after,
.profile-drop--industrial .profile-drop__case:before,
.profile-drop--industrial .profile-drop__description:after,
.profile-drop--industrial .profile-drop__description:before {
    background: linear-gradient(1turn, #2c3159, rgba(39, 33, 39, 0) 65%)
}

.profile-drop__waiting {
    align-items: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(52, 43, 52, .3);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.profile-drop__waiting--spinning:after,
.profile-drop__waiting--spinning:before {
    display: none
}

.profile-drop__waiting-icon {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(104, 95, 104, .6);
    border-radius: 18px;
    height: 52px;
    margin: 0 0 13px;
    position: relative;
    width: 52px
}

.profile-drop__waiting-icon:after {
    -webkit-animation: waiting 4s infinite;
    animation: waiting 4s infinite;
    background: url(/static/media/clocks.5231d5a76714a684b8ff.svg) no-repeat;
    background-size: 100%;
    content: "";
    height: 26px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 26px;
    z-index: 2
}

@media(max-width:1200px) {
    .profile-drop__waiting-icon {
        border-radius: 12px;
        height: 42px;
        margin: 0 0 8px;
        width: 42px
    }
    .profile-drop__waiting-icon:after {
        height: 20px;
        width: 20px
    }
}

.profile-drop__waiting-text {
    color: #eadfe4;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    width: 90%
}

@media(max-width:1200px) {
    .profile-drop__waiting-text {
        font-size: 11px;
        line-height: 14px;
        max-width: 120px
    }
}

@-webkit-keyframes spinner-animation-one {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes spinner-animation-one {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes spinner-animation-three {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes spinner-animation-three {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes spinner-animation-two {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate(24px);
        transform: translate(24px)
    }
}

@keyframes spinner-animation-two {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate(24px);
        transform: translate(24px)
    }
}

.spinner {
    display: inline-block;
    height: 10px;
    position: relative;
    width: 80px
}

.spinner--avatar {
    inset: 0;
    margin: auto;
    position: absolute;
    z-index: 2
}

.spinner__circle {
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background: #ed7643;
    border-radius: 50%;
    height: 10px;
    position: absolute;
    top: 0;
    width: 10px
}

.spinner__circle:first-child {
    -webkit-animation: spinner-animation-one .4s infinite;
    animation: spinner-animation-one .4s infinite;
    left: 11px
}

.spinner__circle:nth-child(2) {
    left: 11px
}

.spinner__circle:nth-child(2),
.spinner__circle:nth-child(3) {
    -webkit-animation: spinner-animation-two .4s infinite;
    animation: spinner-animation-two .4s infinite
}

.spinner__circle:nth-child(3) {
    left: 35px
}

.spinner__circle:nth-child(4) {
    -webkit-animation: spinner-animation-three .4s infinite;
    animation: spinner-animation-three .4s infinite;
    left: 59px
}

.item {
    background: linear-gradient(180deg, rgba(73, 78, 84, 0) -7.98%, hsla(216, 9%, 55%, .237) 83.46%), #21212c;
    border-radius: 10px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(max-width:1200px) {
    .item {
        height: 140px
    }
}

.item:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 94px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 94px
}

@media(max-width:1200px) {
    .item:before {
        height: 80px;
        width: 80px
    }
}

.item--upgrade-page-order:before {
    height: 64px;
    width: 64px
}

.item:after {
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 114px
}

@media(max-width:599px) {
    .item:after {
        max-width: 90px;
        width: 100%
    }
}

.item--case-item:before {
    top: 14px;
    z-index: 2
}

.item--available-contract-item {
    cursor: pointer;
    display: flex;
    justify-content: center
}

.item:hover .item__get {
    background: rgba(255, 223, 196, .3);
    color: #fff
}

.item--link {
    display: block;
    transition: none
}

.item--link,
.item--link:hover {
    color: inherit
}

.item--contract {
    cursor: pointer;
    transition: opacity .3s ease
}

.item--contract:hover {
    opacity: .7
}

.item--disabled {
    opacity: .3;
    pointer-events: none
}

.item--consumer,
.item--default {
    background: linear-gradient(1turn, #463c46, #272127 59.04%)
}

.item--consumer:before,
.item--default:before {
    background-image: url(/static/media/item_gray_logo.8f895f5905d9a6094a83.svg)
}

.item--consumer:after,
.item--default:after {
    background: #969396;
    box-shadow: 0 -6px 60px 12px hsla(0, 0%, 80%, .3)
}

.item--knife {
    background: linear-gradient(1turn, #3d3026, #272127 58.71%)
}

.item--knife:before {
    background-image: url(/static/media/item_golden_logo.ab8324e14bf192678959.svg)
}

.item--knife:after {
    background: #db975d;
    box-shadow: 0 -6px 60px 12px rgba(205, 129, 66, .5)
}

.item--milspec {
    background: linear-gradient(1turn, #324549, #272127 58.44%)
}

.item--milspec:before {
    background-image: url(/static/media/item_aquablue_logo.6245a1341838ca29770f.svg)
}

.item--milspec:after {
    background: #79a8ca;
    box-shadow: 0 -6px 60px 12px rgba(92, 245, 255, .3)
}

.item--industrial {
    background: linear-gradient(1turn, #2c3159, #272127 58.48%)
}

.item--industrial:before {
    background-image: url(/static/media/item_blue_logo.159bc0d6c02a7f2b7b96.svg)
}

.item--industrial:after {
    background: #5776e4;
    box-shadow: 0 -6px 60px 12px rgba(131, 158, 255, .3)
}

.item--restricted {
    background: linear-gradient(1turn, #463050, #272127 58.48%)
}

.item--restricted:before {
    background-image: url(/static/media/item_purple_logo.57b455e0d1e1cd5c21b7.svg)
}

.item--restricted:after {
    background: #7750e4;
    box-shadow: 0 -6px 60px 12px rgba(150, 100, 255, .3)
}

.item--classified {
    background: linear-gradient(1turn, #4e2f41, #272127 59.04%)
}

.item--classified:before {
    background-image: url(/static/media/item_pink_logo.a1c359e0ac1039988aa6.svg)
}

.item--classified:after {
    background: #c55980;
    box-shadow: 0 -6px 60px 12px rgba(255, 148, 186, .3)
}

.item--covert {
    background: linear-gradient(1turn, #3e2a2c, #272127 58.28%)
}

.item--covert:before {
    background-image: url(/static/media/item_red_logo.9b5086189794cbb25138.svg)
}

.item--covert:after {
    background: #da5763;
    box-shadow: 0 -6px 60px 12px rgba(226, 81, 94, .5)
}

.item__icon {
    background: rgba(40, 39, 44, .1) url(/static/media/available.0fe127329a148bda6a2c.svg) 50% no-repeat;
    background-size: 100%;
    height: 32px;
    left: 9px;
    position: absolute;
    top: 9px;
    width: 32px;
    z-index: 5
}

@media(max-width:900px) {
    .item__icon {
        height: 24px;
        width: 24px
    }
}

.item__icon--received {
    background-image: url(/static/media/given.2d316c53520b1d9b3b72.svg)
}

.item__icon--sold {
    background-image: url(/static/media/sold-icon.1ecef562c840c861202d.svg)
}

.item__icon--contract {
    background-image: url(/static/media/contract.3121f7c27135519e5917.svg);
    border-color: rgba(69, 67, 79, .6)
}

.item__icon--upgrade {
    background-image: url(/static/media/upgrade.cf3433577f32bde3b257.svg);
    border-color: rgba(69, 67, 79, .6)
}

.item__price {
    color: #4cea9e;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2
}

@media(max-width:599px) {
    .item__price {
        font-size: 11px;
        right: 10px;
        top: 10px
    }
}

.item__image-wrapper {
    display: flex;
    justify-content: center;
    left: 0;
    padding-top: 20px;
    position: absolute;
    right: 0;
    z-index: 2
}

@media(max-width:1200px) {
    .item__image-wrapper {
        padding-top: 16px
    }
}

@media(max-width:599px) {
    .item__image-wrapper {
        padding-top: 22px
    }
}

.item__image {
    height: 97px;
    width: 130px
}

@media(max-width:1200px) {
    .item__image {
        height: auto;
        width: 117px
    }
}

@media(max-width:599px) {
    .item__image {
        width: 100px
    }
}

.item__picture {
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 32px;
    width: auto;
    z-index: 3
}

@media(max-width:1200px) {
    .item__picture {
        top: 20px
    }
}

@media(max-width:599px) {
    .item__picture {
        height: 70px
    }
}

.item__footer {
    align-items: center;
    bottom: 0;
    display: flex;
    font-size: 13px;
    left: 0;
    line-height: 1.3;
    padding: 13px 15px;
    position: absolute;
    right: 0;
    z-index: 2
}

@media(max-width:1200px) {
    .item__footer {
        padding: 10px 12px
    }
}

.item--link .item__footer {
    transition: opacity .3s ease
}

.item--link:hover .item__footer {
    opacity: .5
}

.item--ceil .item__footer {
    z-index: 5
}

.item__footer-left {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden
}

.item__description {
    bottom: 18px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 4
}

.item__code {
    color: rgba(245, 231, 245, .7);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 25
}

@media(max-width:599px) {
    .item__code {
        font-size: 12px;
        line-height: 14px
    }
}

@media(max-width:1200px) {
    .item__code--contract {
        font-size: 11px;
        line-height: 14px
    }
}

.item__title {
    color: #eee9e7;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin: 2px 0 0;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 25
}

@media(max-width:599px) {
    .item__title {
        font-size: 12px;
        line-height: 14px
    }
}

@media(max-width:1200px) {
    .item__title--contract {
        font-size: 12px;
        line-height: 14px
    }
}

.item__case-hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    bottom: 5px;
    opacity: 0;
    position: absolute;
    right: 10px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    width: 40%;
    z-index: 2
}

.item__case-hover--battle,
.item__case-hover--contract,
.item__case-hover--mystery,
.item__case-hover--random,
.item__case-hover--upgrade {
    bottom: 10px;
    right: 15px;
    width: auto
}

.item__case-hover--contract {
    bottom: 0;
    right: 0
}

.item--link:hover .item__case-hover {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.item__sell-btn {
    background-color: #64ce82;
    border-radius: 4px;
    color: #272735;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    left: 10px;
    padding: 8px 11px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    transition: background-color .3s ease;
    z-index: 2
}

.item__sell-btn:hover {
    background-color: #59caa1
}

@media(max-width:900px) {
    .item__sell-btn {
        font-size: 10px;
        padding: 8px 10px
    }
}

@media(max-width:599px) {
    .item__sell-btn {
        font-size: 9px;
        padding: 7px
    }
}

.item__btn {
    background-color: #f3a45d;
    border-radius: 4px;
    color: #392c22;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 9px 13px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3s ease, color .3s ease
}

@media(max-width:1200px) {
    .item__btn {
        font-size: 10px
    }
}

@media(max-width:599px) {
    .item__btn {
        padding: 8px 11px
    }
}

.item__btn:hover {
    background-color: #fac26f;
    color: #684933
}

.item--contract .item__btn:hover {
    background-color: #f3a45d;
    color: #392c22
}

.item--disabled .item__btn,
.item--disabled .item__btn:hover {
    background-color: #956140;
    color: #452e27
}

.item__take-btn-wrapper {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    padding-left: 8px;
    position: relative
}

.item__tooltip {
    background-color: #5a5664;
    border-radius: 7px;
    bottom: calc(100% + 10px);
    box-shadow: 0 5px 18px 0 rgba(29, 25, 31, .36);
    color: #fbe8e8;
    font-size: 11px;
    opacity: 0;
    padding: 6px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: visibility .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    transition: visibility .3s ease, opacity .3s ease, transform .3s ease;
    transition: visibility .3s ease, opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    visibility: hidden;
    width: 100px;
    z-index: 10
}

@media(max-width:900px) {
    .item__tooltip {
        border-radius: 5px;
        font-size: 10px
    }
}

.item__tooltip:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #5a5664;
    bottom: -5px;
    content: "";
    height: 0;
    position: absolute;
    right: 8px;
    width: 0
}

.item__tooltip--left {
    bottom: calc(100% + 1px);
    left: -5px
}

.item__tooltip--left:after {
    bottom: -5px;
    left: 21px
}

.profile__contract-lot-row:hover .item__tooltip {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible
}

.item__take-btn {
    background: rgba(230, 157, 93, .3) url(/static/media/take.43ef2bc4f7837d5aed2d.svg) 50% no-repeat;
    background-size: 18px 18px;
    border: 1px solid #f3a45d;
    border-radius: 4px;
    height: 30px;
    transition: background-color .3s ease;
    width: 30px
}

.item__take-btn:hover {
    background-color: rgba(230, 157, 93, .4)
}

.item__back-face {
    align-items: center;
    background-color: rgba(16, 16, 22, .93);
    border: 1px solid #1e1e24;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    position: absolute;
    z-index: 2
}

@media(max-width:599px) {
    .item__back-face {
        border-radius: 4px
    }
}

.item__timer {
    color: #f3a45d;
    font-size: 16px;
    font-weight: 900;
    padding-left: 28px;
    position: relative
}

@media(max-width:599px) {
    .item__timer {
        font-size: 14px;
        padding-left: 0
    }
}

.item__timer:before {
    background: url(/static/media/timer.95361095b069134c3b16.svg) no-repeat;
    content: "";
    height: 23px;
    left: 0;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 23px
}

@media(max-width:599px) {
    .item__timer:before {
        display: none
    }
}

.item__back-content {
    color: #dce3f4;
    font-size: 12px;
    font-weight: 300;
    padding-top: 10px;
    text-align: center
}

@media(max-width:599px) {
    .item__back-content {
        font-size: 11px
    }
}

.item__pending-buy {
    color: #dce3f4;
    font-size: 12px;
    font-weight: 300;
    padding: 7px 15px 0;
    text-align: center
}

@media(max-width:599px) {
    .item__pending-buy {
        font-size: 11px
    }
}

.item__pending-icon {
    background: url(/static/media/checking-purchase.9bb60ecb5e0ee29cc0bf.svg) no-repeat;
    height: 52px;
    width: 52px
}

@media(max-width:1200px) {
    .item__pending-icon {
        height: 46px;
        width: 46px
    }
}

.item__btn-wrapper {
    display: flex;
    justify-content: center;
    padding: 50px 10px 0;
    position: relative;
    z-index: 1
}

@media(max-width:1200px) {
    .item__btn-wrapper {
        padding-top: 39px
    }
}

.item--profile-contracts-big {
    height: 152px;
    margin: 0;
    width: 166px
}

.item--profile-contracts-big:before {
    height: 80px;
    top: 28px;
    width: 80px;
    z-index: 2
}

.item--profile-contracts-big:after {
    width: 90px
}

@media(max-width:1200px) {
    .item--profile-contracts-big {
        height: 120px;
        width: 120px
    }
    .item--profile-contracts-big:before {
        height: 56px;
        top: 32px;
        width: 56px
    }
    .item--profile-contracts-big:after {
        width: 70px
    }
}

@media(max-width:900px) {
    .item--profile-contracts-big {
        width: 140px
    }
}

@media(max-width:599px) {
    .item--profile-contracts-big {
        height: 110px;
        width: 90px
    }
    .item--profile-contracts-big:before {
        height: 48px;
        top: 30px;
        width: 48px
    }
    .item--profile-contracts-big:after {
        width: 44px
    }
}

.item--profile-contracts-big .item__picture {
    height: auto;
    top: 24px;
    width: 120px
}

@media(max-width:1200px) {
    .item--profile-contracts-big .item__picture {
        top: 20px;
        width: 90px
    }
}

@media(max-width:599px) {
    .item--profile-contracts-big .item__picture {
        top: 24px;
        width: 72px
    }
}

.item--profile-contracts-big .item__description {
    bottom: 18px
}

@media(max-width:1200px) {
    .item--profile-contracts-big .item__description {
        bottom: 10px
    }
}

.item--profile-contracts-lot {
    align-items: center;
    border-radius: 6px;
    display: flex;
    height: 74px;
    justify-content: center;
    width: 100%
}

.item--profile-contracts-lot:before {
    bottom: 0;
    height: 42px;
    top: 0;
    width: 42px
}

.item--profile-contracts-lot:after {
    width: 30px
}

@media(max-width:1200px) {
    .item--profile-contracts-lot {
        height: 59px
    }
    .item--profile-contracts-lot:before {
        height: 36px;
        width: 36px
    }
}

@media(max-width:599px) {
    .item--profile-contracts-lot {
        height: 54px
    }
    .item--profile-contracts-lot:before {
        height: 28px;
        width: 28px
    }
    .item--profile-contracts-lot:after {
        width: 50%
    }
}

.item--profile-contracts-lot-picture {
    max-height: 65%;
    max-width: 80%;
    position: static
}

@media(max-width:900px) {
    .item--profile-contracts-lot-picture {
        height: auto;
        max-height: none;
        max-width: none;
        width: 55px
    }
}

@media(max-width:599px) {
    .item--profile-contracts-lot-picture {
        max-height: 65%;
        max-width: 80%;
        width: auto
    }
}

.item--profile-upgrade {
    height: 165px;
    width: 178px
}

@media(max-width:1800px) {
    .item--profile-upgrade {
        width: calc(50% - 3px)
    }
}

@media(max-width:1200px) {
    .item--profile-upgrade:before {
        height: 70px;
        top: 38px;
        width: 70px
    }
}

.item--profile-upgrade .item__picture--upgrade {
    top: 35px
}

@media(max-width:1800px) {
    .item--profile-upgrade .item__picture--upgrade {
        width: 110px
    }
}

.item--profile-upgrade .item__picture--upgrade-money {
    top: 25px;
    width: 78px
}

.item--empty {
    background: #252028
}

.item--empty:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABSCAMAAADtoI93AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAELUExURSUgKB4ZIBsXHSEcJBoWHBoWHCIdJSUgKCIdJSUfKBoWHCUfJyMeJhsXHSMeJiQfJxsXHSEcIxsXHRsXHRoWHCUfKBsXHRwXHiQfJxsWHR4aISQeJiQeJyIdJCMeJiAbIhwXHiUfKBwYHx0ZICEcJB8aIRwYHh4aIR0ZICAbIyQeJx8aIR4ZIB0YHx4ZICAbIhwYHh0YHx4ZIBsXHSAbIiIdJSIcJBwYHhsXHR0ZHx0YHx8aISMdJSEcJBwYHx8aIRwYHh4ZICMeJh0ZHyMdJR8aIh8aISEcJBwXHiAbIyAcIx4aIB8bIiAbIx0YHyAbIhwXHhsXHiEcIx0ZHyIdJRsWHSEcIx8aIhoWHAtVPOgAAABYdFJOU7Ld9sn9/sKxw7P7tb73vLb5y/j1/LT077f627q5xLvS8LLq4cbY7trizbjW4Obf0e3n3vLQwcXs8+Po18DH6dnr3L3kv9TVyPHOzNzTzOXP7vLK5cD5ydVGD5AHAAAEVUlEQVRo3u2Zd5eyOhCHswq+BKSIolixl7X3vur2/vZ7+f6f5IKiIJZ13ejhnsPvL0xCeBwmkxkCgPX1DdiQNqQNaUPakDakDWlD2pA25NchWRfBHDkFFIQINRcrXp4U8hcmB9jjppBSKX895YlGO5WK66SQHlyOix+OZt9a0l1xEmqk8jf1q2423uvdiDVZFRbIzwYZcGrI4BYzhN26pMwsKO9XN0ocIJd4PKSch+bemHf+bLzcbL7L6BR8PhLy/pbIj8xL4kY+jYLp4yDHABAhU+cQl0me570LkRgm+7xjRtGd19srqBdV7DhKvMYeAXnXLxYr3vCaP4YUAikcDkcWYu4vyGZpPqSTKjXc6kWbPtKWvPuTkGyoMiPntzacK71OebWlord4cMVvZa9fkYrGqRf80W/8Kip+BjJcluePV98CttJmC4bWL0k6fjN8jkZWqxXG3GFqB+SFQ7nDt7iRc6wU3GihT7CCcJIOpKQxQ7HEMMAHefrxqpRpOQmGWof0KHI6Gz7Z0Zi9uVaSkslkjcTv9RYi6T/NWsfxIO3gcP03RvKOwHumEB0tTLtcOLFcr964MKmSbJaMvwPyeYVxvdp7rkCsIoEYhlu2wdhaYzofaPq9NM0FSQw/H6vvx+di/2Ukxly7RyMXEU0/eN6+V1+LuXLTN18H9XJymg3Em37k/H+/vv3D2DhTThbcgnItKNlazLTD4/3y1ZT+Smz4gT5niZge4VDp3ZKM8wYTl0MB8mDIPnrIB8P0/qwCOfdrSJeieujHnAC6hvEDOU+QAU702ae/ZivIK1Z8NEKqbUQmewhnAT1kVp99mMgtITtFcKlvB/yyVoHt4sf2RJ/vhw1R2Zko8PGuUvhQhScIxDq2zcsE133WtxcSfeVU1SenbwF8EV05CgoUhHBC3C3/QMkUIP7k9qQqJPqStqbPnqVAwsOA9iQ0VxTAqdZT27iNijZ2JQc/kUMShtlf1IcLhs7EP9oL5663Bdx0aSvnADUklTRsvZtFgqBt/3h1x8bQqWy+9wpqyAdDwH7cdPiER+tP7t7AxmZ7/osYkjXEHzm3ZYComZLbVz7AdIozzPOMGLJlMCTX2TIgMdR6pf1ec90arMIngRbSbUyLU1sLwmvNRjX4Yd4idRfhM4YUkq0bs8D21jGJ/t7u9WXGvHaVMlpACSnkjJlkf4epOtqgi8PmdFerKL9PCkXj5kbe7nK3uOay8OCZ0UHCp7VkN79rXCKvjaDODwkLxqgh07GdkCEt7T3/52hYXbMj/n3PxhkP+rheiD07JJtZTwp/73O4SNt1+6lPlGggmcF6hdhFmwEigUybvhpwI+sdkcCBqZh3WvEcx7XmkFjLmodNEyOjZNETMVF3Sh9yOyILQenlCw8+ActCgpcFo/ckR2KoICM/5yVTGFgZEngwmSxCYG1ImK8zAFgcEkAIrA95QtmQNqQNaUPakDakDWlD2pAWhvz2P9B/UBjJfhuqEVoAAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 80%;
    width: 100%
}

@media(max-width:599px) {
    .item--empty:before {
        background-size: 90%
    }
}

.empty_component__-PWzu {
    grid-gap: 28px;
    align-items: center;
    background: #1f181d;
    border-radius: 16px;
    display: grid;
    gap: 28px;
    grid-template-columns: auto 1fr;
    padding: 28px
}

@media(max-width:1200px) {
    .empty_component__-PWzu {
        border-radius: 14px;
        gap: 24px;
        padding: 24px
    }
}

@media(max-width:900px) {
    .empty_component__-PWzu {
        border-radius: 12px;
        gap: 20px;
        padding: 20px
    }
}

@media(max-width:599px) {
    .empty_component__-PWzu {
        align-items: start;
        border-radius: 10px;
        gap: 16px;
        padding: 16px
    }
}

.empty_infoIcon__Ub-vn {
    fill: #e2604e;
    border: 3px solid #e2604e;
    border-radius: 100%;
    box-shadow: 0 0 50px 10px rgba(255, 73, 89, .24);
    height: 56px;
    padding: 14%;
    width: 56px
}

@media(max-width:1200px) {
    .empty_infoIcon__Ub-vn {
        height: 48px;
        width: 48px
    }
}

@media(max-width:900px) {
    .empty_infoIcon__Ub-vn {
        border: 2px solid #e2604e;
        height: 40px;
        width: 40px
    }
}

@media(max-width:599px) {
    .empty_infoIcon__Ub-vn {
        height: 32px;
        width: 32px
    }
}

.empty_content__ObOjT {
    grid-gap: 10px;
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr auto
}

@media(max-width:599px) {
    .empty_content__ObOjT {
        grid-template-columns: 1fr
    }
}

.empty_info__4obJj {
    grid-gap: 4px;
    display: grid;
    gap: 4px
}

.empty_title__ezf23 {
    color: #e2604e;
    font-size: 17px;
    font-weight: 800;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .empty_title__ezf23 {
        font-size: 16px
    }
}

@media(max-width:900px) {
    .empty_title__ezf23 {
        font-size: 15px
    }
}

@media(max-width:599px) {
    .empty_title__ezf23 {
        font-size: 14px
    }
}

.empty_description__mVDzt {
    color: #b9a6a6;
    font-size: 14px;
    font-weight: 400
}

@media(max-width:1200px) {
    .empty_description__mVDzt {
        font-size: 13px
    }
}

@media(max-width:900px) {
    .empty_description__mVDzt {
        font-size: 12px
    }
}

@media(max-width:599px) {
    .empty_description__mVDzt {
        font-size: 11px
    }
}

.empty_link__nTs3a {
    grid-gap: 8px;
    align-items: center;
    background: #ffa860;
    border-radius: 10px;
    color: #5e3c1e;
    display: grid;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    grid-auto-flow: column;
    justify-content: space-between;
    line-height: 1;
    padding: 17px 22px;
    text-transform: uppercase;
    transition: background .3s ease
}

@media(max-width:1200px) {
    .empty_link__nTs3a {
        border-radius: 9px;
        font-size: 12px;
        padding: 15px 20px
    }
}

@media(max-width:900px) {
    .empty_link__nTs3a {
        border-radius: 8px;
        font-size: 11px;
        padding: 13px 18px
    }
}

@media(max-width:599px) {
    .empty_link__nTs3a {
        border-radius: 7px;
        font-size: 10px;
        padding: 11px 16px
    }
}

.empty_link__nTs3a:hover {
    background: #ffac68;
    color: #5e3c1e
}

.empty_forwardIcon__QAZLn {
    fill: #5e3c1e;
    height: 22px;
    width: 22px
}

@media(max-width:1200px) {
    .empty_forwardIcon__QAZLn {
        height: 20px;
        width: 20px
    }
}

@media(max-width:900px) {
    .empty_forwardIcon__QAZLn {
        height: 18px;
        width: 18px
    }
}

@media(max-width:599px) {
    .empty_forwardIcon__QAZLn {
        height: 16px;
        width: 16px
    }
}

.items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -14px -7px 0
}

@media(max-width:599px) {
    .items {
        margin: -6px -3px 0
    }
}

.items__item {
    flex-shrink: 0;
    margin-top: 14px;
    padding: 0 7px;
    position: relative;
    width: 16.6666%
}

@media(max-width:1550px) {
    .items__item {
        width: 16.6666%
    }
}

@media(max-width:1300px) {
    .items__item {
        width: 20%
    }
}

@media(max-width:1200px) {
    .items__item {
        width: 25%
    }
}

@media(max-width:900px) {
    .items__item {
        width: 33.3333%
    }
}

@media(max-width:599px) {
    .items__item {
        margin-top: 6px;
        padding: 0 3px;
        width: 50%
    }
}

.orders__list {
    justify-content: flex-start !important;
    margin-bottom: 30px !important
}

@media(max-width:900px) {
    .orders__list {
        margin-bottom: 20px !important
    }
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.load {
    display: flex;
    justify-content: center;
    width: 100%
}

.load__btn {
    background: #252028;
    border-radius: 8px;
    color: #ccbcc2;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 52px;
    line-height: 52px;
    padding: 0 27px 0 55px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, background .3s ease
}

.load__btn--event-history {
    background: #252229
}

.load__btn-icon {
    bottom: 0;
    left: 24px;
    margin: auto;
    position: absolute;
    top: 0;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.load__btn-icon path {
    transition: fill .3s ease
}

.load__btn:hover {
    background: #29242d;
    color: #ccbcc2
}

.load__btn:hover path {
    fill: #ccbcc2
}

.load__btn:hover .load__btn-icon {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.load__btn--loading {
    cursor: wait
}

.load__btn--loading svg {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.profile-contracts__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.profile-contracts__unit {
    margin: 0 0 22px 24px;
    width: calc(50% - 12px)
}

@media(max-width:1200px) {
    .profile-contracts__unit {
        margin: 0 0 10px 10px;
        width: calc(50% - 5px)
    }
}

.profile-contracts__unit:first-of-type,
.profile-contracts__unit:nth-of-type(odd) {
    margin: 0 0 22px
}

@media(max-width:1200px) {
    .profile-contracts__unit:first-of-type,
    .profile-contracts__unit:nth-of-type(odd) {
        margin: 0 0 10px
    }
}

@media(max-width:900px) {
    .profile-contracts__unit {
        margin: 0 0 10px;
        width: 100%
    }
}

.profile-contracts__item {
    display: flex;
    flex-wrap: wrap
}

.profile-contracts__item-info {
    align-items: center;
    background: #1d1920;
    border-radius: 4px 4px 16px 16px;
    color: #ccbcc2;
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    height: 56px;
    justify-content: space-between;
    margin: 2px 0 0;
    padding: 0 25px;
    width: 100%
}

@media(max-width:599px) {
    .profile-contracts__item-info {
        height: 40px
    }
}

.profile-contracts__item-quantity,
.profile-contracts__item-sum {
    font-size: 12px
}

@media(max-width:599px) {
    .profile-contracts__item-quantity,
    .profile-contracts__item-sum {
        font-size: 10px
    }
    .profile-contracts__item-quantity {
        display: none
    }
}

.profile-contracts__item-sum-cost {
    color: #4cea9e;
    font-weight: 800;
    margin: 0 0 0 5px
}

.profile-contracts__item-quantity-num {
    color: #ffb374;
    font-weight: 800;
    margin: 0 0 0 5px
}

.profile-contracts__items {
    background: #1d1920;
    border-radius: 16px 16px 4px 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    width: 100%
}

.profile-contracts__items-main {
    border-radius: 8px;
    height: 165px;
    overflow: hidden;
    position: relative;
    width: 178px
}

.profile-contracts__cost {
    color: #4cea9e;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    position: absolute;
    right: 18px;
    top: 18px
}

@media(max-width:1200px) {
    .profile-contracts__cost {
        font-size: 10px;
        line-height: 1;
        right: 10px;
        top: 10px
    }
}

.profile-contracts__lots {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 152px;
    justify-content: space-between;
    margin: 0 0 0 auto;
    width: calc(100% - 178px)
}

@media(max-width:1200px) {
    .profile-contracts__lots {
        height: 120px;
        width: calc(100% - 127px)
    }
}

@media(max-width:900px) {
    .profile-contracts__lots {
        width: calc(100% - 150px)
    }
}

@media(max-width:599px) {
    .profile-contracts__lots {
        height: 110px;
        width: calc(100% - 94px)
    }
}

.profile-contracts__lots-item {
    width: calc(20% - 4px)
}

@media(max-width:1200px) {
    .profile-contracts__lots-item {
        width: calc(20% - 2px)
    }
}

.profile-contracts__lot {
    position: relative
}

.profile-upgrades__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media(max-width:1200px) {
    .profile-upgrades__list {
        margin: 0 -5px
    }
}

.profile-upgrades__item {
    margin: 0 0 19px;
    padding: 0 10px;
    width: 33.33%
}

@media(max-width:1200px) {
    .profile-upgrades__item {
        margin: 0 0 10px;
        padding: 0 5px;
        width: 50%
    }
}

@media(max-width:900px) {
    .profile-upgrades__item {
        width: 100%
    }
}

.profile-upgrades__row {
    width: 100%
}

.profile-upgrades__items {
    background: #1d1920;
    border-radius: 16px 16px 4px 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 22px 20px 18px;
    position: relative
}

.profile-upgrades__items:after {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: hsla(0, 0%, 100%, .1);
    background-image: url(/static/media/drops_item_upgraded_icon.a5c5ca4b6b7be50174fb.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px;
    content: "";
    height: 42px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 116px;
    width: 42px;
    z-index: 10
}

@media(max-width:1200px) {
    .profile-upgrades__items {
        padding: 15px
    }
    .profile-upgrades__items:after {
        top: 106px
    }
}

.profile-upgrades__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2px 0 0;
    width: 100%
}

.profile-upgrades__info-cell {
    background: #1d1920;
    border-radius: 4px 4px 16px;
    color: #ffb374;
    font-size: 12px;
    font-weight: 800;
    height: 54px;
    line-height: 54px;
    text-align: center;
    text-transform: uppercase;
    width: calc(50% - 1px)
}

@media(max-width:1200px) {
    .profile-upgrades__info-cell {
        font-size: 10px;
        height: 44px;
        line-height: 44px
    }
}

.profile-upgrades__info-cell:first-of-type {
    border-radius: 4px 4px 4px 16px
}

.profile-upgrades__info-cell--lose {
    color: #e24453
}

.profile-upgrades__info-cell--win {
    color: #4cea9e
}

.profile-upgrades__info-cell-title {
    color: #ccbcc2;
    margin: 0 4px 0 0
}

.tab_component__DLMsw.tab_goldcoin__TJwI\+.tab_button__MUCy5:hover .tab_icon__O6dKR,
.tab_component__DLMsw.tab_goldcoin__TJwI\+.tab_icon__O6dKR {
    fill: #ffb374
}

.tab_component__DLMsw.tab_disabled__dK65b {
    opacity: .7;
    pointer-events: none
}

.tab_component__DLMsw.tab_active__6tegu {
    pointer-events: none
}

.tab_component__DLMsw.tab_active__6tegu .tab_button__MUCy5 {
    background: #312b2c
}

.tab_component__DLMsw.tab_active__6tegu .tab_icon__O6dKR {
    fill: #ffb374
}

.tab_component__DLMsw.tab_active__6tegu .tab_title__UtAYg {
    color: #ffb374
}

.tab_component__DLMsw.tab_active__6tegu .tab_count__5Hd\+T {
    background: #3f3637;
    color: #ffb374
}

@media(max-width:599px) {
    .tab_component__DLMsw {
        flex-grow: 1
    }
}

.tab_button__MUCy5 {
    grid-gap: 8px;
    align-items: center;
    background: #252028;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-auto-columns: auto 1fr auto;
    grid-auto-flow: column;
    height: 100%;
    justify-content: center;
    padding: 12px;
    transition: background .3s ease;
    width: 100%
}

@media(max-width:1200px) {
    .tab_button__MUCy5 {
        border-radius: 7px
    }
}

@media(max-width:900px) {
    .tab_button__MUCy5 {
        border-radius: 6px
    }
}

@media(max-width:599px) {
    .tab_button__MUCy5 {
        border-radius: 5px;
        gap: 6px;
        padding: 6px 5px
    }
}

.tab_button__MUCy5:hover {
    background: #2d2831
}

.tab_button__MUCy5:hover .tab_icon__O6dKR {
    fill: #ccbcc2
}

.tab_button__MUCy5:hover .tab_title__UtAYg {
    color: #ccbcc2
}

.tab_button__MUCy5:hover .tab_count__5Hd\+T {
    background: #3b3442;
    color: #ccbcc2
}

.tab_icon__O6dKR {
    fill: #72676b;
    height: 26px;
    transition: fill .3s;
    width: 26px
}

@media(max-width:1200px) {
    .tab_icon__O6dKR {
        height: 25px;
        width: 25px
    }
}

@media(max-width:900px) {
    .tab_icon__O6dKR {
        height: 24px;
        width: 24px
    }
}

@media(max-width:599px) {
    .tab_icon__O6dKR {
        height: 16px;
        margin-left: 2px;
        width: 16px
    }
}

.tab_title__UtAYg {
    color: #ccbcc2;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: all .3s ease;
    white-space: nowrap
}

@media(max-width:1200px) {
    .tab_title__UtAYg {
        font-size: 11px
    }
}

@media(max-width:900px) {
    .tab_title__UtAYg {
        font-size: 10px
    }
}

@media(max-width:599px) {
    .tab_title__UtAYg {
        font-size: 8px;
        text-align-last: left
    }
}

.tab_count__5Hd\+T {
    background: #302a35;
    border-radius: 5px;
    color: #ccbcc2;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 7px;
    transition: background .3s ease, color .3s ease
}

@media(max-width:1200px) {
    .tab_count__5Hd\+T {
        font-size: 11px
    }
}

@media(max-width:900px) {
    .tab_count__5Hd\+T {
        font-size: 10px
    }
}

@media(max-width:599px) {
    .tab_count__5Hd\+T {
        font-size: 8px;
        margin-right: 1px;
        padding: 6px
    }
}

.tabs_tabs__S4xpt {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, auto)
}

@media(max-width:1200px) {
    .tabs_tabs__S4xpt {
        gap: 8px
    }
}

@media(max-width:900px) {
    .tabs_tabs__S4xpt {
        gap: 6px
    }
}

@media(max-width:599px) {
    .tabs_tabs__S4xpt {
        display: flex;
        flex-wrap: wrap;
        gap: 4px
    }
}

.tabs_personal__kgCGJ {
    grid-template-columns: repeat(5, auto)
}

@media(max-width:900px) {
    .tabs_personal__kgCGJ {
        grid-template-columns: repeat(6, 1fr)
    }
    .tabs_personal__kgCGJ>li:first-child,
    .tabs_personal__kgCGJ>li:nth-child(2),
    .tabs_personal__kgCGJ>li:nth-child(3) {
        grid-column: span 2
    }
    .tabs_personal__kgCGJ>li:nth-child(4),
    .tabs_personal__kgCGJ>li:nth-child(5) {
        grid-column: span 3
    }
}

@media(max-width:599px) {
    .tabs_personal__kgCGJ {
        grid-template-columns: 1fr 1fr
    }
    .tabs_personal__kgCGJ>li:first-child,
    .tabs_personal__kgCGJ>li:nth-child(2),
    .tabs_personal__kgCGJ>li:nth-child(3) {
        grid-column: span 2
    }
    .tabs_personal__kgCGJ>li:nth-child(4),
    .tabs_personal__kgCGJ>li:nth-child(5) {
        grid-column: span 1
    }
}

.available-filter_component__hSk0c {
    grid-gap: 12px;
    align-items: center;
    background: #252028;
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr auto;
    height: 52px;
    padding: 0 16px;
    transition: background .3s ease
}

@media(max-width:1200px) {
    .available-filter_component__hSk0c {
        height: 49px
    }
}

@media(max-width:900px) {
    .available-filter_component__hSk0c {
        border-radius: 6px;
        gap: 8px;
        height: 48px;
        padding: 0 12px
    }
}

@media(max-width:599px) {
    .available-filter_component__hSk0c {
        height: 32px;
        padding: 0 10px 0 12px
    }
}

.available-filter_component__hSk0c:hover {
    background: #2d2831
}

.available-filter_component__hSk0c:hover .available-filter_title__akAGL {
    color: #ffb374
}

.available-filter_title__akAGL {
    color: #ac9aa1;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    transition: color .3s ease
}

@media(max-width:1200px) {
    .available-filter_title__akAGL {
        font-size: 10px
    }
}

@media(max-width:900px) {
    .available-filter_title__akAGL {
        font-size: 9px
    }
}

@media(max-width:599px) {
    .available-filter_title__akAGL {
        font-size: 7px
    }
}

.sell-button_component__XGc-3 {
    grid-gap: 12px;
    align-items: center;
    background: #d0585c;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: auto 1fr;
    height: 52px;
    padding: 0 16px;
    transition: background .3s ease
}

@media(max-width:1200px) {
    .sell-button_component__XGc-3 {
        height: 49px
    }
}

@media(max-width:900px) {
    .sell-button_component__XGc-3 {
        border-radius: 6px;
        gap: 8px;
        height: 48px;
        padding: 0 12px
    }
}

@media(max-width:599px) {
    .sell-button_component__XGc-3 {
        grid-template-columns: 1fr;
        height: 32px;
        justify-items: center
    }
}

.sell-button_component__XGc-3:hover {
    background: #d26064
}

.sell-button_icon__oCiZ6 {
    height: 26px;
    width: 26px
}

@media(max-width:900px) {
    .sell-button_icon__oCiZ6 {
        height: 24px;
        width: 24px
    }
}

@media(max-width:599px) {
    .sell-button_icon__oCiZ6 {
        height: 18px;
        width: 18px
    }
}

.sell-button_title__GZigg {
    color: #fff1ef;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width:900px) {
    .sell-button_title__GZigg {
        font-size: 10px
    }
}

@media(max-width:599px) {
    .sell-button_title__GZigg {
        display: none
    }
}

.tools_component__Q0Cov {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, auto);
    justify-self: flex-end
}

@media(max-width:1200px) {
    .tools_component__Q0Cov {
        gap: 8px
    }
}

@media(max-width:900px) {
    .tools_component__Q0Cov {
        gap: 6px
    }
}

@media(max-width:599px) {
    .tools_component__Q0Cov {
        gap: 4px;
        grid-template-columns: 3fr minmax(70px, 1fr);
        justify-self: stretch
    }
}

.navigation_component__YW7n1 {
    grid-gap: 16px;
    background: #1d1920;
    border-radius: 16px;
    display: grid;
    gap: 16px;
    grid-auto-flow: column;
    justify-content: space-between;
    padding: 20px;
    position: relative;
    z-index: 2
}

.navigation_component__YW7n1.navigation_personal__5Wvi8 {
    grid-auto-flow: unset;
    justify-content: normal
}

@media(max-width:1200px) {
    .navigation_component__YW7n1 {
        border-radius: 14px;
        gap: 14px;
        grid-auto-flow: row;
        justify-content: normal;
        padding: 18px
    }
}

@media(max-width:900px) {
    .navigation_component__YW7n1 {
        border-radius: 12px;
        gap: 12px;
        padding: 16px
    }
}

@media(max-width:599px) {
    .navigation_component__YW7n1 {
        border-radius: 10px;
        gap: 10px;
        padding: 14px
    }
}

.copy-id-button_component__l-kUs {
    grid-gap: 4px;
    align-items: center;
    background: #2d2931;
    border-radius: 7px;
    display: grid;
    gap: 4px;
    grid-template-columns: auto auto;
    padding: 4px 6px;
    transition: background .3s ease
}

@media(max-width:1200px) {
    .copy-id-button_component__l-kUs {
        border-radius: 6px
    }
}

@media(max-width:900px) {
    .copy-id-button_component__l-kUs {
        border-radius: 5px
    }
}

@media(max-width:599px) {
    .copy-id-button_component__l-kUs {
        border-radius: 4px
    }
}

.copy-id-button_component__l-kUs:not(.copy-id-button_loading__uYlD6):hover {
    background: #37333c
}

.copy-id-button_component__l-kUs.copy-id-button_loading__uYlD6 {
    cursor: default;
    grid-template-columns: minmax(32px, 1fr) auto
}

.copy-id-button_title__pROz0 {
    color: #b9aeb2;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

@media(max-width:1200px) {
    .copy-id-button_title__pROz0 {
        font-size: 10px
    }
}

@media(max-width:900px) {
    .copy-id-button_title__pROz0 {
        font-size: 9px
    }
}

@media(max-width:599px) {
    .copy-id-button_title__pROz0 {
        font-size: 8px
    }
}

.copy-id-button_icon__D2GXh {
    fill: #b9aeb2;
    height: 15px;
    width: 15px
}

@media(max-width:1200px) {
    .copy-id-button_icon__D2GXh {
        height: 14px;
        width: 14px
    }
}

@media(max-width:900px) {
    .copy-id-button_icon__D2GXh {
        height: 13px;
        width: 13px
    }
}

@media(max-width:599px) {
    .copy-id-button_icon__D2GXh {
        height: 12px;
        width: 12px
    }
}

.copy-id-button_skeleton__SJaH3 {
    display: flex;
    height: 11px;
    width: 100%
}

@media(max-width:1200px) {
    .copy-id-button_skeleton__SJaH3 {
        height: 10px
    }
}

@media(max-width:900px) {
    .copy-id-button_skeleton__SJaH3 {
        height: 9px
    }
}

@media(max-width:599px) {
    .copy-id-button_skeleton__SJaH3 {
        height: 8px
    }
}

.copy-id-button_skeleton__SJaH3 span {
    height: 100%;
    width: 100%
}

.avatar_component__i9ykC {
    --brs: 35%;
    border: 5px solid #1c171c;
    border-radius: var(--brs);
    height: 74px;
    position: relative;
    width: 74px
}

@media(max-width:1200px) {
    .avatar_component__i9ykC {
        height: 70px;
        width: 70px
    }
}

@media(max-width:900px) {
    .avatar_component__i9ykC {
        height: 66px;
        width: 66px
    }
}

@media(max-width:599px) {
    .avatar_component__i9ykC {
        height: 62px;
        width: 62px
    }
}

.avatar_image__eKOpm {
    border-radius: var(--brs);
    height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1
}

.avatar_copyButton__gjugl {
    display: none
}

@media(max-width:599px) {
    .avatar_copyButton__gjugl {
        bottom: -8px;
        display: grid;
        justify-content: center;
        left: -7px;
        position: absolute;
        right: -7px;
        z-index: 2
    }
}

.avatar_skeleton__n2NDw {
    border-radius: var(--brs);
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.avatar_skeleton__n2NDw span {
    height: 100%;
    width: 100%
}

.info_component__JL3CB {
    grid-gap: 4px;
    display: grid;
    gap: 4px
}

.info_name__ULbj\+ {
    color: #eadfe4;
    font-size: 19px;
    font-weight: 300;
    line-height: 1
}

@media(max-width:1200px) {
    .info_name__ULbj\+ {
        font-size: 17px
    }
}

@media(max-width:900px) {
    .info_name__ULbj\+ {
        font-size: 15px
    }
}

@media(max-width:599px) {
    .info_name__ULbj\+ {
        font-size: 13px
    }
}

.info_name__ULbj\+.info_grid__ZJkX- {
    grid-gap: 8px;
    align-items: center;
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    justify-content: start
}

@media(max-width:599px) {
    .info_name__ULbj\+.info_copyIdButton__Jrc9Q {
        display: none
    }
}

.info_balance__PCtpk {
    color: #4cea9e;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1
}

@media(max-width:1200px) {
    .info_balance__PCtpk {
        font-size: 18px
    }
}

@media(max-width:900px) {
    .info_balance__PCtpk {
        font-size: 16px
    }
}

@media(max-width:599px) {
    .info_balance__PCtpk {
        font-size: 14px
    }
}

.info_balance__PCtpk .info_grid__ZJkX- {
    grid-gap: 4px;
    align-items: center;
    display: grid;
    gap: 4px;
    grid-auto-flow: column;
    justify-content: start
}

.info_goldcoin__BNLTS {
    color: #ffa860;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1
}

@media(max-width:1200px) {
    .info_goldcoin__BNLTS {
        font-size: 14px
    }
}

@media(max-width:900px) {
    .info_goldcoin__BNLTS {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .info_goldcoin__BNLTS {
        font-size: 12px
    }
}

.info_goldcoin__BNLTS .info_grid__ZJkX- {
    grid-gap: 2px;
    align-items: center;
    display: grid;
    gap: 2px;
    grid-auto-flow: column;
    justify-content: start
}

.info_goldcoin__BNLTS svg {
    fill: #ffa860;
    height: 15px;
    width: 15px
}

@media(max-width:1200px) {
    .info_goldcoin__BNLTS svg {
        height: 14px;
        width: 14px
    }
}

@media(max-width:900px) {
    .info_goldcoin__BNLTS svg {
        height: 13px;
        width: 13px
    }
}

@media(max-width:599px) {
    .info_goldcoin__BNLTS svg {
        height: 12px;
        width: 12px
    }
}

.info_toe__tkbG\+ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.refill-button_component__7YHKc {
    grid-gap: 8px;
    align-items: center;
    background: #51ffab;
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    padding: 14px 16px;
    transition: background .3s ease
}

@media(max-width:1200px) {
    .refill-button_component__7YHKc {
        padding: 12px 14px
    }
}

@media(max-width:900px) {
    .refill-button_component__7YHKc {
        border-radius: 8px;
        padding: 10px 12px
    }
}

@media(max-width:599px) {
    .refill-button_component__7YHKc {
        padding: 8px 10px
    }
}

.refill-button_component__7YHKc:not(.refill-button_disabled__wX8z9):hover {
    background: #62ffb3
}

.refill-button_component__7YHKc.refill-button_disabled__wX8z9 {
    cursor: default;
    opacity: .5
}

.refill-button_icon__N2OWV {
    fill: #0d3421;
    height: 22px;
    width: 22px
}

@media(max-width:900px) {
    .refill-button_icon__N2OWV {
        height: 20px;
        width: 20px
    }
}

.refill-button_title__N0vem {
    color: #0d3421;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .refill-button_title__N0vem {
        display: none
    }
}

.short_component__KI1Yi {
    grid-gap: 18px;
    align-items: center;
    background: #1e1b21;
    border-radius: 16px 16px 4px 4px;
    display: grid;
    gap: 18px;
    grid-template-columns: auto 1fr auto;
    padding: 23px 28px 23px 23px
}

@media(max-width:1200px) {
    .short_component__KI1Yi {
        border-radius: 14px 14px 4px 4px;
        gap: 16px;
        padding: 19px 24px 19px 19px
    }
}

@media(max-width:900px) {
    .short_component__KI1Yi {
        border-radius: 12px 12px 4px 4px;
        gap: 14px;
        padding: 15px 20px 15px 15px
    }
}

@media(max-width:599px) {
    .short_component__KI1Yi {
        border-radius: 10px 10px 4px 4px;
        gap: 12px;
        padding: 11px 16px 11px 11px
    }
}

.avatar_component__7aoB9 {
    --brs: 35%;
    border-radius: var(--brs);
    height: 58px;
    width: 58px
}

@media(max-width:1200px) {
    .avatar_component__7aoB9 {
        height: 52px;
        width: 52px
    }
}

@media(max-width:900px) {
    .avatar_component__7aoB9 {
        height: 46px;
        width: 46px
    }
}

@media(max-width:599px) {
    .avatar_component__7aoB9 {
        height: 40px;
        width: 40px
    }
}

.avatar_inner__tfCVm {
    --check-size: 18px;
    background: #26232a;
    height: 100%;
    padding: 5px;
    position: relative;
    width: 100%
}

@media(max-width:1200px) {
    .avatar_inner__tfCVm {
        --check-size: 16px
    }
}

@media(max-width:900px) {
    .avatar_inner__tfCVm {
        --check-size: 14px
    }
}

@media(max-width:599px) {
    .avatar_inner__tfCVm {
        --check-size: 12px
    }
}

.avatar_inner__tfCVm:before {
    border: 2px solid #59c591;
    border-radius: var(--brs);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.avatar_inner__tfCVm:after {
    background: #26232a;
    border-radius: 100%;
    content: "";
    height: calc(var(--check-size) + 6px);
    position: absolute;
    right: -5px;
    top: -5px;
    width: calc(var(--check-size) + 6px);
    z-index: 2
}

.avatar_image__kkXFh {
    border-radius: var(--brs);
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1
}

.avatar_check__5UbP5 {
    align-items: center;
    background: #59c591;
    border-radius: 100%;
    display: flex;
    height: var(--check-size);
    justify-content: center;
    position: absolute;
    right: -2px;
    top: -2px;
    width: var(--check-size);
    z-index: 4
}

.avatar_check__5UbP5 svg {
    fill: #fff;
    height: 66.6666666667%;
    width: 66.6666666667%
}

.avatar_skeleton__p1kgc {
    display: block;
    height: 100%;
    width: 100%
}

.avatar_skeleton__p1kgc span {
    border-radius: var(--brs);
    height: 100%;
    width: 100%
}

.upload-button_component__-B9AJ {
    grid-gap: 8px;
    align-items: center;
    background: #39353d;
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    padding: 14px 16px;
    transition: background .3s ease
}

@media(max-width:1200px) {
    .upload-button_component__-B9AJ {
        padding: 12px 14px
    }
}

@media(max-width:900px) {
    .upload-button_component__-B9AJ {
        border-radius: 8px;
        padding: 10px 12px
    }
}

@media(max-width:599px) {
    .upload-button_component__-B9AJ {
        padding: 8px 10px
    }
}

.upload-button_component__-B9AJ:not(.upload-button_disabled__6PQs\+, .upload-button_loading__yj9-U):hover {
    background: #433e48
}

.upload-button_component__-B9AJ.upload-button_disabled__6PQs\+ {
    cursor: default;
    opacity: .5
}

.upload-button_component__-B9AJ.upload-button_loading__yj9-U {
    cursor: wait;
    opacity: .5
}

.upload-button_input__YZe2k {
    display: none
}

.upload-button_icon__3B-mp {
    fill: #ffb374;
    height: 22px;
    width: 22px
}

@media(max-width:900px) {
    .upload-button_icon__3B-mp {
        height: 20px;
        width: 20px
    }
}

.upload-button_title__7Qjvm {
    color: #ffb374;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .upload-button_title__7Qjvm {
        display: none
    }
}

.avatar-upload_component__tHV-E {
    grid-gap: 20px;
    align-items: center;
    background: #26232a;
    border-radius: 4px 4px 16px 16px;
    display: grid;
    gap: 20px;
    grid-template-columns: auto 1fr auto;
    padding: 28px
}

@media(max-width:1200px) {
    .avatar-upload_component__tHV-E {
        border-radius: 4px 4px 14px 14px;
        gap: 18px;
        padding: 24px
    }
}

@media(max-width:900px) {
    .avatar-upload_component__tHV-E {
        border-radius: 4px 4px 12px 12px;
        gap: 16px;
        padding: 20px
    }
}

@media(max-width:599px) {
    .avatar-upload_component__tHV-E {
        border-radius: 4px 4px 10px 10px;
        gap: 14px;
        padding: 16px
    }
}

.avatar-upload_description__01QGs {
    grid-gap: 4px;
    display: grid;
    gap: 4px
}

@media(max-width:900px) {
    .avatar-upload_description__01QGs {
        gap: 2px
    }
}

.avatar-upload_description__01QGs h3 {
    color: #ffb374;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2
}

@media(max-width:1200px) {
    .avatar-upload_description__01QGs h3 {
        font-size: 13px
    }
}

@media(max-width:900px) {
    .avatar-upload_description__01QGs h3 {
        font-size: 12px
    }
}

@media(max-width:599px) {
    .avatar-upload_description__01QGs h3 {
        font-size: 10px
    }
}

.avatar-upload_description__01QGs p {
    color: #c9bcc1;
    font-size: 12px;
    line-height: 1.4
}

@media(max-width:1200px) {
    .avatar-upload_description__01QGs p {
        font-size: 11px
    }
}

@media(max-width:900px) {
    .avatar-upload_description__01QGs p {
        font-size: 10px
    }
}

@media(max-width:599px) {
    .avatar-upload_description__01QGs p {
        font-size: 8px
    }
}

.avatar_component__okQ69 {
    border: 5px solid #1c171c;
    border-radius: 35%;
    height: 96px;
    overflow: hidden;
    width: 96px
}

@media(max-width:1200px) {
    .avatar_component__okQ69 {
        height: 80px;
        width: 80px
    }
}

@media(max-width:900px) {
    .avatar_component__okQ69 {
        height: 48px;
        width: 48px
    }
}

@media(max-width:599px) {
    .avatar_component__okQ69 {
        height: 44px;
        width: 44px
    }
}

.avatar_image__\+JcYx {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.avatar_skeleton__-YVLr {
    display: flex;
    height: 100%;
    width: 100%
}

.avatar_skeleton__-YVLr span {
    height: 100%;
    width: 100%
}

.short-stranger_component__M-oSr {
    grid-gap: 32px;
    align-items: center;
    background: #1e1b21;
    border-radius: 16px;
    display: grid;
    gap: 32px;
    grid-template-columns: auto 1fr;
    min-height: 236px;
    padding: 0 64px
}

@media(max-width:1200px) {
    .short-stranger_component__M-oSr {
        border-radius: 14px;
        gap: 24px;
        min-height: 210px;
        padding: 0 40px
    }
}

@media(max-width:900px) {
    .short-stranger_component__M-oSr {
        border-radius: 12px;
        gap: 16px;
        grid-template-columns: auto auto;
        justify-content: center;
        min-height: auto;
        padding: 24px
    }
}

@media(max-width:599px) {
    .short-stranger_component__M-oSr {
        border-radius: 10px;
        gap: 8px;
        padding: 20px
    }
}

.short-stranger_name__dKlm\+ {
    color: #eadfe4;
    font-size: 30px;
    font-weight: 800
}

@media(max-width:1200px) {
    .short-stranger_name__dKlm\+ {
        font-size: 26px
    }
}

@media(max-width:900px) {
    .short-stranger_name__dKlm\+ {
        font-size: 22px
    }
}

@media(max-width:599px) {
    .short-stranger_name__dKlm\+ {
        font-size: 18px
    }
}

.short-stranger_skeleton__NCTwq {
    display: block;
    width: 100%
}

@media(max-width:900px) {
    .short-stranger_skeleton__NCTwq {
        width: 200px
    }
}

@media(max-width:599px) {
    .short-stranger_skeleton__NCTwq {
        width: 100px
    }
}

.short-stranger_skeleton__NCTwq span {
    height: 100%;
    width: 100%
}

.best-drop_component__sBQBc {
    align-content: space-between;
    background: linear-gradient(0deg, #2e2620, #1e1b21 60%);
    border-radius: 16px 4px 4px 16px;
    display: grid;
    min-height: 200px;
    overflow: hidden;
    padding: 24px;
    position: relative
}

@media(max-width:1200px) {
    .best-drop_component__sBQBc {
        border-radius: 14px 4px 4px 14px
    }
}

@media(max-width:900px) {
    .best-drop_component__sBQBc {
        border-radius: 12px 4px 4px 12px
    }
}

@media(max-width:599px) {
    .best-drop_component__sBQBc {
        display: none
    }
}

.best-drop_component__sBQBc:after {
    background: #db975d;
    border-radius: 2px;
    bottom: 0;
    box-shadow: 0 -6px 60px 12px rgba(205, 129, 66, .3);
    content: "";
    height: 2px;
    left: 25%;
    position: absolute;
    right: 25%;
    z-index: 2
}

.best-drop_title__eYsya {
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 5
}

@supports((-webkit-background-clip:text) or (background-clip:text)) {
    .best-drop_title__eYsya {
        background: linear-gradient(180deg, #a599aa, #fff1e9);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

@media(max-width:1200px) {
    .best-drop_title__eYsya {
        font-size: 15px
    }
}

@media(max-width:900px) {
    .best-drop_title__eYsya {
        font-size: 13px
    }
}

@media(max-width:599px) {
    .best-drop_title__eYsya {
        font-size: 11px
    }
}

.best-drop_dropDescription__bdqwB {
    grid-gap: 8px;
    align-items: center;
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.best-drop_dropDescription__bdqwB .best-drop_info__rlH-M {
    grid-gap: 4px;
    display: grid;
    gap: 4px
}

.best-drop_dropDescription__bdqwB .best-drop_firstTitle__i-EqZ {
    color: rgba(245, 231, 245, .7);
    font-size: 14px;
    font-weight: 300;
    line-height: 1
}

@media(max-width:1200px) {
    .best-drop_dropDescription__bdqwB .best-drop_firstTitle__i-EqZ {
        font-size: 13px
    }
}

@media(max-width:900px) {
    .best-drop_dropDescription__bdqwB .best-drop_firstTitle__i-EqZ {
        font-size: 12px
    }
}

@media(max-width:599px) {
    .best-drop_dropDescription__bdqwB .best-drop_firstTitle__i-EqZ {
        font-size: 11px
    }
}

.best-drop_dropDescription__bdqwB .best-drop_secondTitle__WIVmm {
    color: #eee9e7;
    font-size: 12px;
    font-weight: 600;
    line-height: 1
}

@media(max-width:1200px) {
    .best-drop_dropDescription__bdqwB .best-drop_secondTitle__WIVmm {
        font-size: 11px
    }
}

@media(max-width:900px) {
    .best-drop_dropDescription__bdqwB .best-drop_secondTitle__WIVmm {
        font-size: 10px
    }
}

@media(max-width:599px) {
    .best-drop_dropDescription__bdqwB .best-drop_secondTitle__WIVmm {
        font-size: 9px
    }
}

.best-drop_dropDescription__bdqwB .best-drop_price__vAweK {
    background: rgba(23, 21, 26, .6);
    border-radius: 6px;
    color: #4cea9e;
    font-size: 11px;
    font-weight: 600;
    padding: 9px 12px
}

@media(max-width:1200px) {
    .best-drop_dropDescription__bdqwB .best-drop_price__vAweK {
        font-size: 10px
    }
}

@media(max-width:900px) {
    .best-drop_dropDescription__bdqwB .best-drop_price__vAweK {
        font-size: 9px
    }
}

@media(max-width:599px) {
    .best-drop_dropDescription__bdqwB .best-drop_price__vAweK {
        font-size: 8px
    }
}

.best-drop_emptyOwnDescription__fmbpC {
    grid-gap: 8px;
    align-items: center;
    color: #eee9e7;
    display: grid;
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    grid-template-columns: auto auto;
    justify-content: space-between;
    line-height: 1.2;
    position: relative;
    z-index: 5
}

@media(max-width:1200px) {
    .best-drop_emptyOwnDescription__fmbpC {
        grid-template-columns: auto;
        justify-content: center
    }
}

@media(max-width:900px) {
    .best-drop_emptyOwnDescription__fmbpC {
        font-size: 11px;
        grid-template-columns: auto auto;
        justify-content: space-between
    }
}

@media(max-width:599px) {
    .best-drop_emptyOwnDescription__fmbpC {
        font-size: 10px
    }
}

.best-drop_emptyOwnDescription__fmbpC .best-drop_homeLink__jyNeX {
    background: #ffa860;
    border-radius: 8px;
    color: #553a22;
    font-size: 11px;
    font-weight: 800;
    padding: 11px 16px;
    text-transform: uppercase;
    transition: background .3s ease
}

@media(max-width:1200px) {
    .best-drop_emptyOwnDescription__fmbpC .best-drop_homeLink__jyNeX {
        display: none
    }
}

@media(max-width:900px) {
    .best-drop_emptyOwnDescription__fmbpC .best-drop_homeLink__jyNeX {
        display: inline;
        display: initial;
        font-size: 9px
    }
}

@media(max-width:599px) {
    .best-drop_emptyOwnDescription__fmbpC .best-drop_homeLink__jyNeX {
        font-size: 8px
    }
}

.best-drop_emptyOwnDescription__fmbpC .best-drop_homeLink__jyNeX:hover {
    background: #ffac68
}

.best-drop_emptyDescription__2Dt3H {
    color: #eee9e7;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    text-align: center;
    z-index: 5
}

@media(max-width:1200px) {
    .best-drop_emptyDescription__2Dt3H {
        font-size: 13px
    }
}

@media(max-width:900px) {
    .best-drop_emptyDescription__2Dt3H {
        font-size: 12px
    }
}

@media(max-width:599px) {
    .best-drop_emptyDescription__2Dt3H {
        font-size: 11px
    }
}

.best-drop_dropImage__6UWQl {
    max-height: 58%;
    max-width: 74%;
    z-index: 4
}

.best-drop_dropImage__6UWQl,
.best-drop_logo__GcZVs {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.best-drop_logo__GcZVs {
    fill: #1b181e;
    height: auto;
    max-width: 40%;
    opacity: .4;
    width: 122px;
    z-index: 3
}

.best-drop_emptyImage__Flpb8 {
    bottom: 0;
    height: 80%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.favorite-case_component__IIUn0 {
    align-content: space-between;
    background: #1e1b21;
    border-radius: 4px 16px 16px 4px;
    display: grid;
    min-height: 200px;
    overflow: hidden;
    padding: 24px;
    position: relative
}

@media(max-width:1200px) {
    .favorite-case_component__IIUn0 {
        border-radius: 4px 14px 14px 4px
    }
}

@media(max-width:900px) {
    .favorite-case_component__IIUn0 {
        border-radius: 4px 12px 12px 4px
    }
}

@media(max-width:599px) {
    .favorite-case_component__IIUn0 {
        display: none
    }
}

.favorite-case_component__IIUn0:before {
    background: linear-gradient(0deg, #1d1a20, rgba(29, 26, 32, 0) 50%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 2
}

.favorite-case_component__IIUn0:after {
    background: #59c591;
    border-radius: 2px;
    bottom: 0;
    box-shadow: 0 -6px 60px 12px rgba(74, 255, 168, .3);
    content: "";
    height: 2px;
    left: 25%;
    position: absolute;
    right: 25%;
    z-index: 3
}

.favorite-case_title__qi0bl {
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 4
}

@supports((-webkit-background-clip:text) or (background-clip:text)) {
    .favorite-case_title__qi0bl {
        background: linear-gradient(180deg, #a599aa, #fff1e9);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

@media(max-width:1200px) {
    .favorite-case_title__qi0bl {
        font-size: 15px
    }
}

@media(max-width:900px) {
    .favorite-case_title__qi0bl {
        font-size: 13px
    }
}

.favorite-case_label__vTz6j {
    color: #eee9e7;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    text-align: center;
    z-index: 4
}

@media(max-width:1200px) {
    .favorite-case_label__vTz6j {
        font-size: 13px
    }
}

@media(max-width:900px) {
    .favorite-case_label__vTz6j {
        font-size: 12px
    }
}

.favorite-case_image__UxTwu {
    bottom: -5%;
    height: 84%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.summary_component__TNO9l {
    grid-gap: 14px;
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1fr;
    position: relative;
    z-index: 2
}

@media(max-width:1200px) {
    .summary_component__TNO9l {
        gap: 10px
    }
}

@media(max-width:900px) {
    .summary_component__TNO9l {
        gap: 8px;
        grid-template-columns: 1fr
    }
}

@media(max-width:599px) {
    .summary_component__TNO9l {
        gap: 6px
    }
}

.summary_mine__1E7nb {
    grid-gap: 2px;
    display: grid;
    gap: 2px
}

.summary_favorites__wVcqF {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    grid-template-columns: 1fr 1fr
}

@media(max-width:599px) {
    .summary_favorites__wVcqF {
        grid-template-columns: 1fr
    }
}

.modal-header_component__USRZD {
    grid-gap: 8px;
    align-items: center;
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    justify-content: space-between;
    padding: 24px var(--offset-x)
}

@media(max-width:900px) {
    .modal-header_component__USRZD {
        padding: 22px var(--offset-x)
    }
}

@media(max-width:599px) {
    .modal-header_component__USRZD {
        padding: 20px var(--offset-x)
    }
}

.modal-header_title__47xuJ {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .03em;
    text-transform: uppercase
}

@supports((-webkit-background-clip:text) or (background-clip:text)) {
    .modal-header_title__47xuJ {
        background: linear-gradient(180deg, #937e82, #fff8f3);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

@media(max-width:900px) {
    .modal-header_title__47xuJ {
        font-size: 18px
    }
}

@media(max-width:599px) {
    .modal-header_title__47xuJ {
        font-size: 16px
    }
}

.modal-header_button__iyPnl {
    display: flex
}

.modal-header_button__iyPnl:hover .modal-header_closeIcon__T6w-O {
    fill: #828282
}

.modal-header_closeIcon__T6w-O {
    fill: #45404a;
    height: 40px;
    transition: fill .3s ease;
    width: 40px
}

@media(max-width:900px) {
    .modal-header_closeIcon__T6w-O {
        height: 36px;
        width: 36px
    }
}

@media(max-width:599px) {
    .modal-header_closeIcon__T6w-O {
        height: 32px;
        width: 32px
    }
}

.promocode-success_component__jZZmn {
    grid-gap: 12px;
    align-items: center;
    background: #292e30;
    border-radius: 12px;
    display: grid;
    gap: 12px;
    grid-auto-flow: column;
    height: 68px;
    justify-content: center;
    width: 100%
}

@media(max-width:900px) {
    .promocode-success_component__jZZmn {
        border-radius: 8px;
        height: 60px
    }
}

@media(max-width:599px) {
    .promocode-success_component__jZZmn {
        height: 52px
    }
}

.promocode-success_icon__c3fLF {
    fill: #2f7455;
    height: 28px;
    width: 28px
}

@media(max-width:900px) {
    .promocode-success_icon__c3fLF {
        height: 26px;
        width: 26px
    }
}

@media(max-width:599px) {
    .promocode-success_icon__c3fLF {
        height: 24px;
        width: 24px
    }
}

.promocode-success_text__\+mFCx {
    color: #37dc8d;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width:900px) {
    .promocode-success_text__\+mFCx {
        font-size: 12px
    }
}

@media(max-width:599px) {
    .promocode-success_text__\+mFCx {
        font-size: 10px
    }
}

.promocode-field_component__DZ\+xl {
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    grid-template-columns: 1fr 1fr
}

@media(max-width:599px) {
    .promocode-field_component__DZ\+xl {
        grid-template-columns: 1fr
    }
}

.promocode-field_input__ZaF0x {
    background: #322d35;
    border-radius: 12px 3px 3px 12px;
    color: #a299a0;
    font-size: 14px;
    font-weight: 600;
    height: 68px;
    padding: 0 20px;
    transition: background .3s ease;
    width: 100%
}

@media(max-width:900px) {
    .promocode-field_input__ZaF0x {
        border-radius: 8px 2px 2px 8px;
        font-size: 13px;
        height: 60px
    }
}

@media(max-width:599px) {
    .promocode-field_input__ZaF0x {
        border-radius: 8px 8px 2px 2px;
        font-size: 12px;
        height: 52px;
        text-align: center
    }
}

.promocode-field_input__ZaF0x:focus,
.promocode-field_input__ZaF0x:hover {
    background: #3b3641
}

.promocode-field_input__ZaF0x::-webkit-input-placeholder {
    font-weight: 400;
    text-transform: uppercase
}

.promocode-field_input__ZaF0x::placeholder {
    font-weight: 400;
    text-transform: uppercase
}

.promocode-field_button__u9mzt {
    grid-gap: 8px;
    align-items: center;
    background: #c55458;
    border-radius: 3px 12px 12px 3px;
    color: #ffeeef;
    display: grid;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    grid-auto-flow: column;
    height: 68px;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase;
    transition: background .3s ease;
    width: 100%
}

@media(max-width:900px) {
    .promocode-field_button__u9mzt {
        border-radius: 2px 8px 8px 2px;
        font-size: 13px;
        height: 60px
    }
}

@media(max-width:599px) {
    .promocode-field_button__u9mzt {
        border-radius: 2px 2px 8px 8px;
        font-size: 12px;
        height: 52px
    }
}

.promocode-field_button__u9mzt:not(.promocode-field_loading__vyHXA):hover {
    background: #cf565b
}

.promocode-field_button__u9mzt.promocode-field_loading__vyHXA {
    cursor: wait
}

.promocode-field_buttonIcon__nfR5c {
    fill: #ffeeef;
    height: 20px;
    width: 40px
}

@media(max-width:900px) {
    .promocode-field_buttonIcon__nfR5c {
        height: 17px;
        width: 34px
    }
}

@media(max-width:599px) {
    .promocode-field_buttonIcon__nfR5c {
        height: 14px;
        width: 28px
    }
}

.modal-content_component__p2pfw {
    grid-gap: 32px;
    background: linear-gradient(180deg, #28262c, #262329);
    display: grid;
    gap: 32px;
    padding: 32px var(--offset-x)
}

@media(max-width:900px) {
    .modal-content_component__p2pfw {
        gap: 28px;
        padding: 28px var(--offset-x)
    }
}

@media(max-width:599px) {
    .modal-content_component__p2pfw {
        gap: 24px;
        padding: 24px var(--offset-x)
    }
}

.modal-content_socials__FLat0 {
    grid-gap: 8px;
    align-items: center;
    display: grid;
    gap: 8px;
    justify-items: center
}

.modal-content_socialIcon__umjjp {
    height: 26px;
    width: 26px
}

@media(max-width:900px) {
    .modal-content_socialIcon__umjjp {
        height: 25px;
        width: 25px
    }
}

@media(max-width:599px) {
    .modal-content_socialIcon__umjjp {
        height: 24px;
        width: 24px
    }
}

.modal-content_text__nU6L- {
    color: hsla(338, 7%, 68%, .7);
    font-size: 10px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:900px) {
    .modal-content_text__nU6L- {
        font-size: 9px
    }
}

@media(max-width:599px) {
    .modal-content_text__nU6L- {
        font-size: 8px
    }
}

.promocode-modal_component__WN6Di {
    --offset-x: 24px;
    background: #262329;
    border-radius: 16px;
    max-width: 100%;
    overflow: hidden;
    width: 512px
}

@media(max-width:900px) {
    .promocode-modal_component__WN6Di {
        --offset-x: 20px;
        border-radius: 12px
    }
}

@media(max-width:599px) {
    .promocode-modal_component__WN6Di {
        --offset-x: 16px;
        border-radius: 8px
    }
}

.header_component__\+fabh {
    grid-gap: 6px;
    display: grid;
    gap: 6px
}

.header_title__yud-f {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase
}

@supports((-webkit-background-clip:text) or (background-clip:text)) {
    .header_title__yud-f {
        background: linear-gradient(180deg, #937e82, #fff8f3);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

@media(max-width:1200px) {
    .header_title__yud-f {
        font-size: 24px
    }
}

@media(max-width:900px) {
    .header_title__yud-f {
        font-size: 20px
    }
}

@media(max-width:599px) {
    .header_title__yud-f {
        font-size: 16px
    }
}

.header_subtitle__qZo3A {
    color: #c1b8bb;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap
}

@media(max-width:1200px) {
    .header_subtitle__qZo3A {
        font-size: 14px
    }
}

@media(max-width:900px) {
    .header_subtitle__qZo3A {
        font-size: 13px;
        white-space: normal
    }
}

@media(max-width:599px) {
    .header_subtitle__qZo3A {
        font-size: 12px
    }
}

.steps_component__E2TRB {
    grid-gap: 14px;
    display: grid;
    gap: 14px;
    max-width: 420px
}

@media(max-width:599px) {
    .steps_component__E2TRB {
        max-width: 100%
    }
}

.steps_header__ozD0R {
    grid-gap: 16px;
    display: grid;
    gap: 16px;
    grid-template-columns: auto 1fr
}

@media(max-width:1200px) {
    .steps_header__ozD0R {
        gap: 14px
    }
}

@media(max-width:900px) {
    .steps_header__ozD0R {
        gap: 12px
    }
}

@media(max-width:599px) {
    .steps_header__ozD0R {
        gap: 10px
    }
}

.steps_step__ccSZT {
    align-items: center;
    background: #302c34;
    border: 2px solid #ffb374;
    border-radius: 100%;
    color: #ffb374;
    display: flex;
    font-size: 15px;
    font-weight: 800;
    height: 30px;
    justify-content: center;
    width: 30px
}

@media(max-width:1200px) {
    .steps_step__ccSZT {
        font-size: 14px;
        height: 28px;
        width: 28px
    }
}

@media(max-width:900px) {
    .steps_step__ccSZT {
        font-size: 13px;
        height: 26px;
        width: 26px
    }
}

@media(max-width:599px) {
    .steps_step__ccSZT {
        font-size: 12px;
        height: 24px;
        width: 24px
    }
}

.steps_title__58VTf {
    color: #ffb374;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin: 7.5px 0
}

@media(max-width:1200px) {
    .steps_title__58VTf {
        font-size: 14px;
        margin: 7px 0
    }
}

@media(max-width:900px) {
    .steps_title__58VTf {
        font-size: 13px;
        margin: 6.5px 0
    }
}

@media(max-width:599px) {
    .steps_title__58VTf {
        font-size: 12px;
        margin: 6px 0
    }
}

.steps_description__hL3Mu {
    color: #aca2a5;
    font-size: 15px;
    line-height: 1.33;
    padding-left: 46px
}

@media(max-width:1200px) {
    .steps_description__hL3Mu {
        font-size: 14px;
        padding-left: 42px
    }
}

@media(max-width:900px) {
    .steps_description__hL3Mu {
        font-size: 13px;
        padding-left: 38px
    }
}

@media(max-width:599px) {
    .steps_description__hL3Mu {
        font-size: 12px;
        padding-left: 34px
    }
}

.steps_description__hL3Mu .steps_accentColor__hrIGX {
    color: #4cea9e;
    padding: 0 22px 0 0;
    position: relative;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.steps_description__hL3Mu .steps_accentColor__hrIGX:before {
    background: url(/static/media/withdraw-copy.3a99b203ca36c81bccd9.svg) no-repeat;
    background-size: 100%;
    bottom: 0;
    content: "";
    height: 16px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.steps_description__hL3Mu .steps_accentColor__hrIGX:hover {
    -webkit-filter: brightness(1.6);
    filter: brightness(1.6)
}

.canceled_component__7N-fa {
    --ml: 46px;
    background: #2e2932;
    border-radius: 11px;
    color: #c3c3c3;
    font-size: 15px;
    line-height: 1.2;
    margin-left: var(--ml);
    max-width: calc(420px - var(--ml));
    padding: 20px
}

@media(max-width:1200px) {
    .canceled_component__7N-fa {
        --ml: 42px;
        border-radius: 10px;
        font-size: 14px;
        padding: 18px
    }
}

@media(max-width:900px) {
    .canceled_component__7N-fa {
        --ml: 38px;
        border-radius: 9px;
        font-size: 13px;
        padding: 16px
    }
}

@media(max-width:599px) {
    .canceled_component__7N-fa {
        --ml: 34px;
        border-radius: 8px;
        font-size: 12px;
        max-width: 100%;
        padding: 14px
    }
}

.canceled_link__8aeIj {
    color: #ff6e72;
    cursor: pointer;
    font-weight: 600;
    transition: color .3s ease
}

.canceled_link__8aeIj:hover {
    color: #ff7579
}

.select_component__SNEA2 {
    --padding-x: 16px;
    height: 64px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

@media(max-width:900px) {
    .select_component__SNEA2 {
        height: 60px
    }
}

@media(max-width:599px) {
    .select_component__SNEA2 {
        height: 56px
    }
}

.select_component__SNEA2.select_opened__E2jz2 .select_box__nYObb,
.select_component__SNEA2:hover .select_box__nYObb {
    background: #3b3641
}

.select_component__SNEA2.select_opened__E2jz2 .select_arrowIcon__HhXan {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select_box__nYObb {
    align-items: center;
    background: #2e2932;
    border-radius: 8px 3px 3px 8px;
    color: #a199a0;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    height: 100%;
    padding: 0 var(--padding-x);
    position: relative;
    transition: background .3s ease;
    width: 100%
}

@media(max-width:900px) {
    .select_box__nYObb {
        font-size: 14px
    }
}

@media(max-width:599px) {
    .select_box__nYObb {
        border-radius: 8px;
        font-size: 13px
    }
}

.select_arrowIcon__HhXan {
    height: 24px;
    position: absolute;
    right: calc(var(--padding-x)/2);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    width: 24px
}

@media(max-width:900px) {
    .select_arrowIcon__HhXan {
        height: 22px;
        width: 22px
    }
}

@media(max-width:599px) {
    .select_arrowIcon__HhXan {
        height: 20px;
        width: 20px
    }
}

.select_dropdown__N8kKx {
    background: #3b3641;
    border-radius: 8px 3px 3px 8px;
    bottom: calc(100% + 3px);
    height: 232px;
    padding: 16px 0;
    position: absolute;
    width: 100%
}

@media(max-width:599px) {
    .select_dropdown__N8kKx {
        border-radius: 8px
    }
}

.select_dropdown__N8kKx.select_enter__sVkh3 {
    opacity: 0
}

.select_dropdown__N8kKx.select_enterActive__qkjpG {
    opacity: 1;
    transition: opacity .2s ease
}

.select_dropdown__N8kKx.select_exit__hP0Bo {
    opacity: 1
}

.select_dropdown__N8kKx.select_exitActive__HsZkE {
    opacity: 0;
    transition: opacity .2s ease
}

.select_list__D1f-y {
    grid-gap: 6px;
    -webkit-overflow-scrolling: touch;
    display: grid;
    gap: 6px;
    height: 100%;
    margin-left: var(--padding-x);
    margin-right: calc(var(--padding-x)/2);
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: calc(var(--padding-x)/2)
}

@media(max-width:900px) {
    .select_list__D1f-y {
        gap: 4px
    }
}

@media(max-width:599px) {
    .select_list__D1f-y {
        gap: 2px
    }
}

.select_list__D1f-y::-webkit-scrollbar {
    width: 3px
}

.select_list__D1f-y::-webkit-scrollbar-thumb {
    background-color: #746e7b
}

.select_list__D1f-y::-webkit-scrollbar-track {
    background-color: #45404b
}

.select_item__Vy8g2 {
    color: #a299a0;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 0;
    transition: padding .3s ease, color .3s ease
}

@media(max-width:900px) {
    .select_item__Vy8g2 {
        font-size: 14px;
        padding: 6px 0
    }
}

@media(max-width:599px) {
    .select_item__Vy8g2 {
        font-size: 13px;
        padding: 7px 0
    }
}

.select_item__Vy8g2.select_selected__KVJHq,
.select_item__Vy8g2:hover {
    color: #f3ecf2;
    padding-left: 6px
}

@media(max-width:599px) {
    .select_item__Vy8g2.select_selected__KVJHq,
    .select_item__Vy8g2:hover {
        padding-left: 0
    }
}

.done-button_component__y4pnJ {
    background: #d0585c;
    border-radius: 3px 8px 8px 3px;
    color: #ffeeef;
    font-size: 14px;
    font-weight: 800;
    height: 64px;
    text-transform: uppercase;
    transition: background .3s ease, color .3s ease
}

@media(max-width:900px) {
    .done-button_component__y4pnJ {
        font-size: 13px;
        height: 60px
    }
}

@media(max-width:599px) {
    .done-button_component__y4pnJ {
        border-radius: 8px;
        font-size: 12px;
        height: 56px
    }
}

.done-button_component__y4pnJ:hover {
    background: #dc5c60;
    color: #fff
}

.withdraw-order_component__xpRTw {
    background: linear-gradient(180deg, #1f1d22, #262329);
    border-radius: 20px;
    max-width: 100%;
    padding: 48px 40px;
    position: relative;
    width: 936px
}

@media(max-width:1200px) {
    .withdraw-order_component__xpRTw {
        border-radius: 16px;
        padding: 40px 32px;
        width: 800px
    }
}

@media(max-width:900px) {
    .withdraw-order_component__xpRTw {
        border-radius: 12px;
        padding: 32px 24px;
        width: 664px
    }
}

@media(max-width:599px) {
    .withdraw-order_component__xpRTw {
        border-radius: 8px;
        padding: 24px 16px
    }
}

.withdraw-order_component__xpRTw:before {
    background-image: url(/static/media/withdraw-bg.f1cf35bef1b9c798632f.png);
    background-position: top 70px right;
    background-repeat: no-repeat;
    background-size: 520px;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

@media(max-width:1200px) {
    .withdraw-order_component__xpRTw:before {
        background-size: 400px
    }
}

@media(max-width:900px) {
    .withdraw-order_component__xpRTw:before {
        background-size: 280px
    }
}

@media(max-width:599px) {
    .withdraw-order_component__xpRTw:before {
        display: none
    }
}

.withdraw-order_closeButton__pPty6 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3
}

@media(max-width:1200px) {
    .withdraw-order_closeButton__pPty6 {
        right: 18px;
        top: 18px
    }
}

@media(max-width:900px) {
    .withdraw-order_closeButton__pPty6 {
        right: 16px;
        top: 16px
    }
}

@media(max-width:599px) {
    .withdraw-order_closeButton__pPty6 {
        right: 14px;
        top: 14px
    }
}

.withdraw-order_closeIcon__dhoOH {
    fill: #45404a;
    height: 36px;
    transition: fill .3s ease;
    width: 36px
}

@media(max-width:1200px) {
    .withdraw-order_closeIcon__dhoOH {
        height: 32px;
        width: 32px
    }
}

@media(max-width:900px) {
    .withdraw-order_closeIcon__dhoOH {
        height: 28px;
        width: 28px
    }
}

@media(max-width:599px) {
    .withdraw-order_closeIcon__dhoOH {
        height: 24px;
        width: 24px
    }
}

.withdraw-order_closeIcon__dhoOH:hover {
    fill: #4e4954
}

.withdraw-order_content__wxSW1 {
    grid-gap: 28px;
    display: grid;
    gap: 28px;
    position: relative;
    z-index: 2
}

@media(max-width:1200px) {
    .withdraw-order_content__wxSW1 {
        gap: 24px
    }
}

@media(max-width:900px) {
    .withdraw-order_content__wxSW1 {
        gap: 20px
    }
}

@media(max-width:599px) {
    .withdraw-order_content__wxSW1 {
        gap: 16px
    }
}

.withdraw-order_actions__j7\+Fi {
    --ml: 46px;
    grid-gap: 2px;
    display: grid;
    gap: 2px;
    grid-template-columns: 252px auto;
    margin-left: var(--ml);
    max-width: calc(420px - var(--ml))
}

@media(max-width:1200px) {
    .withdraw-order_actions__j7\+Fi {
        --ml: 42px
    }
}

@media(max-width:900px) {
    .withdraw-order_actions__j7\+Fi {
        --ml: 38px
    }
}

@media(max-width:599px) {
    .withdraw-order_actions__j7\+Fi {
        --ml: 0;
        gap: 4px;
        grid-template-columns: 1fr;
        max-width: 100%
    }
}

@-webkit-keyframes boss-energy_flying__\+dKqz {
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes boss-energy_flying__\+dKqz {
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.boss-energy_component__pXxnM {
    background: linear-gradient(180deg, #1a1b13, #202629);
    border-radius: 20px;
    max-width: 100%;
    padding: 45px;
    position: relative;
    width: 620px
}

.boss-energy_component__pXxnM:before {
    -webkit-animation: boss-energy_flying__\+dKqz 3s ease-in-out infinite;
    animation: boss-energy_flying__\+dKqz 3s ease-in-out infinite;
    background: url(/static/media/window-energy.1ee4e17436781c518241.png) no-repeat;
    background-size: 100%;
    content: "";
    height: 148px;
    left: -30px;
    position: absolute;
    top: -45px;
    width: 130px
}

@media(max-width:1800px) {
    .boss-energy_component__pXxnM:before {
        height: 125px;
        width: 110px
    }
}

@media(max-width:599px) {
    .boss-energy_component__pXxnM {
        padding: 40px 25px 25px
    }
    .boss-energy_component__pXxnM:before {
        height: 68px;
        left: 10px;
        top: -15px;
        width: 60px
    }
}

.boss-energy_closeButton__M1Cvs {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3
}

@media(max-width:1200px) {
    .boss-energy_closeButton__M1Cvs {
        right: 18px;
        top: 18px
    }
}

@media(max-width:900px) {
    .boss-energy_closeButton__M1Cvs {
        right: 16px;
        top: 16px
    }
}

@media(max-width:599px) {
    .boss-energy_closeButton__M1Cvs {
        right: 14px;
        top: 14px
    }
}

.boss-energy_closeIcon__XOWel {
    fill: #45404a;
    height: 36px;
    transition: fill .3s ease;
    width: 36px
}

@media(max-width:1200px) {
    .boss-energy_closeIcon__XOWel {
        height: 32px;
        width: 32px
    }
}

@media(max-width:900px) {
    .boss-energy_closeIcon__XOWel {
        height: 28px;
        width: 28px
    }
}

@media(max-width:599px) {
    .boss-energy_closeIcon__XOWel {
        height: 24px;
        width: 24px
    }
}

.boss-energy_closeIcon__XOWel:hover {
    fill: #4e4954
}

.boss-energy_title__zhNGy {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #ffc368, #fffdf8);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center
}

@media(max-width:1800px) {
    .boss-energy_title__zhNGy {
        font-size: 24px
    }
}

@media(max-width:599px) {
    .boss-energy_title__zhNGy {
        font-size: 22px
    }
}

.boss-energy_tagline__3xW15 {
    color: #d3d8ea;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin: 15px 0 0
}

@media(max-width:1800px) {
    .boss-energy_tagline__3xW15 {
        font-size: 14px;
        line-height: 1.3
    }
}

@media(max-width:599px) {
    .boss-energy_tagline__3xW15 {
        font-size: 12px;
        margin: 10px 0 0
    }
}

.boss-energy_list__x5slR {
    margin: 25px 0 0
}

.boss-energy_item__iUZ1b {
    padding: 0 0 40px;
    position: relative
}

.boss-energy_item__iUZ1b:before {
    background: #574c76;
    bottom: 8px;
    content: "";
    left: 18px;
    position: absolute;
    top: 46px;
    width: 1px
}

.boss-energy_item__iUZ1b:last-of-type:before {
    display: none
}

@media(max-width:1800px) {
    .boss-energy_item__iUZ1b {
        padding: 0 0 25px
    }
}

@media(max-width:599px) {
    .boss-energy_item__iUZ1b:before {
        left: 11px;
        top: 20px
    }
}

.boss-energy_counter__CVizy {
    align-items: center;
    background: linear-gradient(180deg, #494454, #a6a389);
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 900;
    height: 36px;
    justify-content: center;
    text-shadow: 0 4px 4px rgba(67, 54, 220, .25);
    width: 36px
}

@media(max-width:1800px) {
    .boss-energy_counter__CVizy {
        border-radius: 6px;
        font-size: 18px;
        height: 28px;
        width: 28px
    }
}

@media(max-width:599px) {
    .boss-energy_counter__CVizy {
        border-radius: 5px;
        flex-shrink: 0;
        font-size: 16px;
        height: 22px;
        position: relative;
        width: 22px;
        z-index: 2
    }
}

.boss-energy_itemTitle__UP-v1 {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    gap: 12px;
    line-height: 20px
}

@media(max-width:1800px) {
    .boss-energy_itemTitle__UP-v1 {
        font-size: 14px;
        gap: 8px;
        line-height: 18px
    }
}

@media(max-width:599px) {
    .boss-energy_itemTitle__UP-v1 {
        font-size: 12px;
        line-height: 16px
    }
}

.boss-energy_description__9ZBQ7 {
    align-items: center;
    display: flex;
    gap: 20px;
    padding: 15px 0 0 48px
}

@media(max-width:1800px) {
    .boss-energy_description__9ZBQ7 {
        padding: 10px 0 0 36px
    }
}

@media(max-width:599px) {
    .boss-energy_description__9ZBQ7 {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 8px 0 0 30px
    }
}

.boss-energy_text__1nA7t {
    color: #a7acc0;
    font-size: 14px;
    line-height: 17px;
    max-width: 300px
}

.boss-energy_text__1nA7t strong {
    font-weight: 700
}

@media(max-width:1800px) {
    .boss-energy_text__1nA7t {
        font-size: 13px;
        line-height: 16px
    }
}

@media(max-width:599px) {
    .boss-energy_text__1nA7t {
        font-size: 11px;
        line-height: 14px
    }
}

.boss-energy_energyCounter__7iBWg {
    background: url(/static/media/counter.8ef6efed61b0f59cce27.png) no-repeat;
    background-size: 100%;
    flex-shrink: 0;
    height: 66px;
    width: 219px
}

@media(max-width:599px) {
    .boss-energy_energyCounter__7iBWg {
        height: 51px;
        width: 168px
    }
}

.boss-energy_link__QqOpH {
    align-items: center;
    background: linear-gradient(136.85deg, #ffd25e 11.05%, #fbaf56 95.39%);
    border-radius: 12px;
    color: #231b1d;
    display: flex;
    font-size: 18px;
    font-weight: 900;
    height: 72px;
    justify-content: center;
    padding: 0 30px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 242, 125, .8);
    text-transform: uppercase;
    transition: color .3s, -webkit-filter .3s;
    transition: filter .3s, color .3s;
    transition: filter .3s, color .3s, -webkit-filter .3s
}

.boss-energy_link__QqOpH:hover {
    color: #38250e;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.boss-energy_link__QqOpH:hover path {
    fill: #38250e
}

@media(max-width:1800px) {
    .boss-energy_link__QqOpH {
        font-size: 16px
    }
}

@media(max-width:1200px) {
    .boss-energy_link__QqOpH {
        height: 64px
    }
}

@media(max-width:900px) {
    .boss-energy_link__QqOpH {
        font-size: 14px;
        height: 58px
    }
}

@media(max-width:599px) {
    .boss-energy_link__QqOpH {
        font-size: 11px;
        height: 52px;
        padding: 0 17px
    }
}

.boss-energy_icon__K6pCe {
    -webkit-filter: drop-shadow(1px 1px 1px rgba(255, 242, 125, .7));
    filter: drop-shadow(1px 1px 1px rgba(255, 242, 125, .7));
    margin: 0 0 0 12px
}

@media(max-width:900px) {
    .boss-energy_icon__K6pCe {
        width: 24px
    }
}

@media(max-width:599px) {
    .boss-energy_icon__K6pCe {
        margin: 0 0 0 8px;
        width: 20px
    }
}

.boss-energy_icon__K6pCe path {
    fill: #231b1d;
    transition: fill .3s
}

@-webkit-keyframes calculator_shaking__JAEUR {
    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        -webkit-transform: translate3d(1px, 0, 0);
        transform: translate3d(1px, 0, 0)
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }
    40%,
    60% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

@keyframes calculator_shaking__JAEUR {
    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        -webkit-transform: translate3d(1px, 0, 0);
        transform: translate3d(1px, 0, 0)
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }
    40%,
    60% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

.calculator_component__EXfMc {
    margin: 15px 0 0 auto;
    width: calc(100% - 48px)
}

@media(max-width:599px) {
    .calculator_component__EXfMc {
        width: calc(100% - 40px)
    }
}

.calculator_row__AiG8q {
    align-items: center;
    background: #121210;
    border: 1px solid #23261e;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 58px;
    overflow: hidden;
    padding: 0 15px;
    transition: background .3s, border .3s
}

.calculator_row__AiG8q:hover {
    background: #100f0f
}

.calculator_row__AiG8q.calculator_focused__DRYRU {
    background: #0e0d0d;
    border: 1px solid #2a2e25
}

.calculator_row__AiG8q.calculator_shaking__JAEUR {
    -webkit-animation: calculator_shaking__JAEUR .75s cubic-bezier(.36, .07, .19, .97) both;
    animation: calculator_shaking__JAEUR .75s cubic-bezier(.36, .07, .19, .97) both
}

@media(max-width:599px) {
    .calculator_row__AiG8q {
        border-radius: 8px;
        height: 48px
    }
}

.calculator_placeholder__ij3fM {
    color: #4d4d4d;
    flex-shrink: 0;
    font-size: 14px;
    transition: color .3s
}

.calculator_focused__DRYRU .calculator_placeholder__ij3fM {
    color: #7f7f7f
}

.calculator_placeholder__ij3fM span:last-of-type {
    display: none
}

@media(max-width:599px) {
    .calculator_placeholder__ij3fM {
        font-size: 12px
    }
    .calculator_placeholder__ij3fM span:first-of-type {
        display: none
    }
    .calculator_placeholder__ij3fM span:last-of-type {
        display: block
    }
}

.calculator_field__kNJfD {
    color: #ffdfbb;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    margin: 0 0 0 10px;
    max-width: 80px
}

.calculator_field__kNJfD::-webkit-input-placeholder {
    color: rgba(77, 77, 77, .5)
}

.calculator_field__kNJfD::placeholder {
    color: rgba(77, 77, 77, .5)
}

@media(max-width:599px) {
    .calculator_field__kNJfD {
        font-size: 20px;
        max-width: 50px
    }
}

.calculator_counter__Dp8Ef {
    color: #c7ad8f;
    font-size: 11px;
    line-height: 16px;
    margin: 10px 0 0
}

@-webkit-keyframes boss-rules_flying__eVwVx {
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes boss-rules_flying__eVwVx {
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.boss-rules_component__IBHM6 {
    background: linear-gradient(180deg, #101010, #20221a);
    border-radius: 20px;
    max-width: 100%;
    padding: 45px;
    position: relative;
    width: 500px
}

.boss-rules_component__IBHM6:before {
    -webkit-animation: boss-rules_flying__eVwVx 3s ease-in-out infinite;
    animation: boss-rules_flying__eVwVx 3s ease-in-out infinite;
    background: url(/static/media/window-coin.abe6770bf3eec3131675.png) no-repeat;
    background-size: 100%;
    content: "";
    height: 310px;
    left: -120px;
    position: absolute;
    top: -145px;
    width: 310px
}

@media(max-width:1800px) {
    .boss-rules_component__IBHM6:before {
        height: 260px;
        left: -100px;
        top: -100px;
        width: 260px
    }
}

@media(max-width:599px) {
    .boss-rules_component__IBHM6 {
        padding: 40px 25px 25px
    }
    .boss-rules_component__IBHM6:before {
        top: -130px
    }
}

.boss-rules_closeButton__kdV\+Q {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3
}

@media(max-width:1200px) {
    .boss-rules_closeButton__kdV\+Q {
        right: 18px;
        top: 18px
    }
}

@media(max-width:900px) {
    .boss-rules_closeButton__kdV\+Q {
        right: 16px;
        top: 16px
    }
}

@media(max-width:599px) {
    .boss-rules_closeButton__kdV\+Q {
        right: 14px;
        top: 14px
    }
}

.boss-rules_closeIcon__T77Z7 {
    fill: #45404a;
    height: 36px;
    transition: fill .3s ease;
    width: 36px
}

@media(max-width:1200px) {
    .boss-rules_closeIcon__T77Z7 {
        height: 32px;
        width: 32px
    }
}

@media(max-width:900px) {
    .boss-rules_closeIcon__T77Z7 {
        height: 28px;
        width: 28px
    }
}

@media(max-width:599px) {
    .boss-rules_closeIcon__T77Z7 {
        height: 24px;
        width: 24px
    }
}

.boss-rules_closeIcon__T77Z7:hover {
    fill: #4e4954
}

.boss-rules_title__a0bJn {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #978c66, #ffefb5);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center
}

@media(max-width:1800px) {
    .boss-rules_title__a0bJn {
        font-size: 24px
    }
}

@media(max-width:599px) {
    .boss-rules_title__a0bJn {
        font-size: 22px
    }
}

.boss-rules_tagline__I-Tm6 {
    color: #929292;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 15px 0 0
}

@media(max-width:1800px) {
    .boss-rules_tagline__I-Tm6 {
        font-size: 14px;
        line-height: 1.3
    }
}

@media(max-width:599px) {
    .boss-rules_tagline__I-Tm6 {
        font-size: 12px;
        margin: 10px 0 0
    }
}

.boss-rules_list__CguKM {
    margin: 25px 0 0
}

.boss-rules_item__ySeys {
    padding: 0 0 40px;
    position: relative
}

.boss-rules_item__ySeys:after {
    background: #373a2d;
    bottom: 8px;
    content: "";
    left: 18px;
    position: absolute;
    top: 46px;
    width: 1px
}

.boss-rules_item__ySeys:last-of-type:after {
    display: none
}

@media(max-width:1800px) {
    .boss-rules_item__ySeys {
        padding: 0 0 25px
    }
}

@media(max-width:599px) {
    .boss-rules_item__ySeys {
        padding: 0 0 20px
    }
    .boss-rules_item__ySeys:after {
        left: 12px;
        top: 34px
    }
}

.boss-rules_itemIcon__cfGaM {
    align-items: center;
    background: linear-gradient(180deg, #352609, #353c25);
    border: 1px solid #574916;
    border-radius: 40px;
    display: flex;
    height: 36px;
    justify-content: center;
    position: absolute;
    width: 36px
}

@media(max-width:599px) {
    .boss-rules_itemIcon__cfGaM {
        height: 26px;
        width: 26px
    }
}

.boss-rules_description__QdDMM {
    align-items: center;
    display: flex;
    gap: 20px;
    padding: 0 0 0 48px
}

@media(max-width:599px) {
    .boss-rules_description__QdDMM {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 0 0 0 40px
    }
}

.boss-rules_text__Up1aC {
    color: #929292;
    font-size: 14px;
    line-height: 18px;
    max-width: 330px
}

.boss-rules_text__Up1aC strong {
    font-weight: 700
}

@media(max-width:1800px) {
    .boss-rules_text__Up1aC {
        font-size: 13px;
        line-height: 16px
    }
}

@media(max-width:599px) {
    .boss-rules_text__Up1aC {
        font-size: 11px;
        line-height: 14px
    }
}

.boss-rules_button__Ox0AX {
    align-items: center;
    background: linear-gradient(137deg, #588442 11.05%, #fde265 95.39%);
    border-radius: 12px;
    color: #324a16;
    display: flex;
    font-size: 18px;
    font-weight: 900;
    height: 72px;
    justify-content: center;
    padding: 0 30px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 219, 125, .8);
    text-transform: uppercase;
    transition: color .3s, -webkit-filter .3s;
    transition: filter .3s, color .3s;
    transition: filter .3s, color .3s, -webkit-filter .3s;
    width: 100%
}

.boss-rules_button__Ox0AX:hover {
    color: #22320f;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

@media(max-width:1800px) {
    .boss-rules_button__Ox0AX {
        font-size: 16px
    }
}

@media(max-width:1200px) {
    .boss-rules_button__Ox0AX {
        height: 64px
    }
}

@media(max-width:900px) {
    .boss-rules_button__Ox0AX {
        font-size: 14px;
        height: 58px
    }
}

@media(max-width:599px) {
    .boss-rules_button__Ox0AX {
        font-size: 11px;
        height: 52px;
        padding: 0 17px
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

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

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: 1em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: 0;
        margin: 0;
        padding: 0;
        width: 100vw
    }
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: hsla(0, 0%, 100%, .7);
    background: var(--toastify-color-transparent)
}

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

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

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

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

@-webkit-keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

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

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

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

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    -webkit-transform-origin: right;
    transform-origin: right
}

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

@-webkit-keyframes Toastify__bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes Toastify__bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name: Toastify__zoomOut
}

@-webkit-keyframes Toastify__flipIn {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipIn {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes Toastify__flipOut {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes Toastify__flipOut {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn;
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut;
    animation-name: Toastify__flipOut
}

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

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

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

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

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

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

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

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

@-webkit-keyframes Toastify__slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 500px, 0);
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 500px, 0);
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, -500px, 0);
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, -500px, 0);
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

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

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

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

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

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft;
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight;
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name: Toastify__slideOutDown
}

@-webkit-keyframes Toastify__spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes Toastify__spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.Toastify__toast-container {
    right: 20px;
    top: 20px;
    z-index: 999999
}

@media(max-width:599px) {
    .Toastify__toast-container {
        left: 0;
        margin: 0;
        padding: 15px;
        width: 100vw
    }
    .Toastify__toast-container--top-right {
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media(max-width:480px) {
    .Toastify__toast-container {
        padding: 15px
    }
}

.Toastify__toast-theme--colored.Toastify__toast {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 14px;
    box-shadow: -4px -4px 20px rgba(23, 19, 23, .4);
    color: #eadfe4;
    flex-wrap: wrap;
    font-family: inherit;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 10px;
    min-height: auto;
    padding: 22px 30px
}

.Toastify__toast-theme--colored.Toastify__toast-body {
    padding: 0
}

@media(max-width:900px) {
    .Toastify__toast-theme--colored.Toastify__toast {
        border-radius: 8px
    }
}

@media(max-width:599px) {
    .Toastify__toast-theme--colored.Toastify__toast {
        border-radius: 6px;
        font-size: 12px;
        margin-bottom: 5px;
        width: auto
    }
}

@media(max-width:480px) {
    .Toastify__toast-theme--colored.Toastify__toast {
        margin-bottom: 5px
    }
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: hsla(0, 0%, 77%, .36)
}

.Toastify__toast-theme--colored.Toastify__toast--info:after {
    background: rgba(32, 32, 32, .4)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: rgba(180, 255, 0, .36)
}

.Toastify__toast-theme--colored.Toastify__toast--success:after {
    background: rgba(219, 235, 74, .2)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: rgba(255, 188, 0, .36)
}

.Toastify__toast-theme--colored.Toastify__toast--warning:after {
    background: rgba(64, 59, 17, .4)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: hsla(7, 59%, 65%, .36)
}

.Toastify__toast-theme--colored.Toastify__toast--error:after {
    background: rgba(47, 28, 33, .4)
}

.Toastify__toast-theme--colored.Toastify__toast:after {
    border-radius: 2px;
    bottom: 22px;
    content: "";
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: calc(100% - 60px)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar {
    border-radius: 2px;
    height: 4px;
    margin: 14px auto 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {
    background: rgba(252, 255, 100, .7)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: rgba(255, 196, 30, .7)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: #ff7664
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {
    background: hsla(0, 0%, 100%, .7)
}

.push-window {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background: rgba(71, 62, 79, .38);
    border-radius: 14px;
    box-shadow: 4px 4px 20px rgba(23, 19, 23, .4);
    max-width: 370px;
    overflow: hidden;
    padding: 28px 33px;
    position: relative
}

@media(max-width:1200px) {
    .push-window {
        padding: 30px 35px
    }
}

@media(max-width:900px) {
    .push-window {
        max-width: 320px;
        padding: 25px
    }
}

.push-window:before {
    background: linear-gradient(#1d1a20, #28252d);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.push-window__title {
    color: #eadfe4;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 22px;
    margin-bottom: 6px;
    position: relative;
    text-transform: uppercase
}

@media(max-width:1200px) {
    .push-window__title {
        font-size: 16px
    }
}

@media(max-width:900px) {
    .push-window__title {
        font-size: 14px
    }
}

.push-window__content {
    color: #eadfe4;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 13px;
    position: relative
}

@media(max-width:900px) {
    .push-window__content {
        font-size: 12px;
        margin-bottom: 10px
    }
}

.push-window__buttons {
    display: flex;
    position: relative
}

@media(max-width:599px) {
    .push-window__buttons {
        flex-wrap: wrap
    }
}

.push-window__btn-wrapper {
    flex-shrink: 0
}

.push-window__btn-wrapper+.push-window__btn-wrapper {
    flex-grow: 1;
    padding-left: 9px
}

@media(max-width:599px) {
    .push-window__btn-wrapper+.push-window__btn-wrapper {
        margin-top: 10px;
        padding-left: 0
    }
    .push-window__btn-wrapper {
        width: 100%
    }
}

.push-window__btn {
    background: rgba(45, 39, 48, .6);
    border-radius: 9px;
    color: rgba(255, 134, 96, .4);
    display: block;
    font-size: 13px;
    font-weight: 800;
    padding: 16px 26px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3s ease, color .3s ease;
    width: 100%
}

@media(max-width:900px) {
    .push-window__btn {
        font-size: 12px;
        padding: 15px 19px
    }
}

@media(max-width:599px) {
    .push-window__btn {
        font-size: 11px;
        padding: 13px 19px
    }
}

.push-window__btn:hover {
    background: rgba(45, 39, 48, .75);
    color: #ff8660
}

.push-window__btn--subscribe {
    background: #ffb374;
    color: #5e3c1e
}

.push-window__btn--subscribe:hover {
    background-color: #ffb374;
    color: #684933
}

.push-portal {
    left: 20px;
    position: fixed;
    top: 20px;
    z-index: 20001
}

@media(max-width:599px) {
    .push-portal {
        left: 15px;
        right: 15px;
        top: 15px
    }
}

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

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

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

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

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

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    height: 100%
}

a,
button,
input {
    outline: none
}

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

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    background-repeat: no-repeat;
    margin: 0;
    padding: 0
}

audio:not([controls]) {
    display: none;
    height: 0
}

hr {
    overflow: visible
}

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

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=search] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

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

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button;
    appearance: button
}

button,
select {
    text-transform: none
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit
}

img {
    border-style: none;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

li,
ul {
    list-style: none
}

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

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Gotham-Thin_Web.7ac9043569efd7a8485f.woff2) format("woff2"), url(../fonts/Gotham-Thin_Web.9561d81803234a10ae53.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: italic;
    font-weight: 100;
    src: url(../fonts/Gotham-ThinItalic_Web.10014a09b88110704e83.woff2) format("woff2"), url(../fonts/Gotham-ThinItalic_Web.0e2b75ea89e389f36686.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Gotham-XLight_Web.167993c268d07779c10e.woff2) format("woff2"), url(../fonts/Gotham-XLight_Web.6832355d803b7ba950bc.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/Gotham-XLightItalic_Web.54489c4ccbf6db615395.woff2) format("woff2"), url(../fonts/Gotham-XLightItalic_Web.df0f208840589f1aa72c.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Gotham-Light_Web.52135bfaf7203be6f7a8.woff2) format("woff2"), url(../fonts/Gotham-Light_Web.001d3ecf781dfdb0c99b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/Gotham-LightItalic_Web.e273e6abbf40b2b9f4f6.woff2) format("woff2"), url(../fonts/Gotham-LightItalic_Web.4c6669e42e7467ce3a92.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Gotham-Book_Web.7fa96aa06775160ee646.woff2) format("woff2"), url(../fonts/Gotham-Book_Web.cbe772b0bc0f6cb5f8b2.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Gotham-BookItalic_Web.5be9f6cd5aee0bb6bc1f.woff2) format("woff2"), url(../fonts/Gotham-BookItalic_Web.0b4a9d1e346e1b45df14.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Gotham-Medium_Web.1ddab6f832b5d19ddd8f.woff2) format("woff2"), url(../fonts/Gotham-Medium_Web.c090b0ea7066489fd4ef.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/Gotham-MediumItalic_Web.6312c849c7287986ce6d.woff2) format("woff2"), url(../fonts/Gotham-MediumItalic_Web.17adfa66ee8582ace0f4.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Gotham-Bold_Web.d23d96aefe768329255e.woff2) format("woff2"), url(../fonts/Gotham-Bold_Web.a9c4b82bc9604f7709af.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/Gotham-BoldItalic_Web.f8c0c702e1f40e76bee3.woff2) format("woff2"), url(../fonts/Gotham-BoldItalic_Web.1591cb217994515c8a38.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Gotham-Black_Web.a772a67ee3b66f93716a.woff2) format("woff2"), url(../fonts/Gotham-Black_Web.b80aacb68c4a0e648daa.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: italic;
    font-weight: 800;
    src: url(../fonts/Gotham-BlackItalic_Web.cf6112b4cb77c6378680.woff2) format("woff2"), url(../fonts/Gotham-BlackItalic_Web.01dcd5bd6116b242b655.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Gotham-Ultra_Web.fe1fc9ae8618a645eb52.woff2) format("woff2"), url(../fonts/Gotham-Ultra_Web.6e817237a77c75eb5201.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: HCo Gotham;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/Gotham-UltraItalic_Web.08a4fb54b8c4640dd501.woff2) format("woff2"), url(../fonts/Gotham-UltraItalic_Web.deda9dbab44c744fa680.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Rouble;
    font-weight: 400;
    src: url(/static/media/rouble.cc3e0a35001c454c36ef.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Rouble;
    font-weight: 700;
    src: url(../fonts/rouble-bold.4d9dfbeb119587e4cba8.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: DIN Pro Condensed Medium;
    font-style: normal;
    font-weight: 400;
    src: url(/static/media/DINPro-CondensedMedium.af1c39491d3a65bb1348.eot);
    src: url(/static/media/DINPro-CondensedMedium.af1c39491d3a65bb1348.eot?#iefix) format("embedded-opentype"), url(/static/media/DINPro-CondensedMedium.b7f3033d7f20cb4b65d4.woff) format("woff"), url(/static/media/DINPro-CondensedMedium.93f3483d3c8a4757bff3.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Integral CF;
    font-style: normal;
    font-weight: 500;
    src: local("Integral CF Medium"), local("Integral-CF-Medium"), url(/static/media/IntegralCF-Medium.46acac54171c94c75355.woff2) format("woff2"), url(/static/media/IntegralCF-Medium.96c7f19f1e7873bfb724.woff) format("woff"), url(/static/media/IntegralCF-Medium.15d8433b552ac41c4e0c.ttf) format("truetype")
}

body {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #171317;
    color: #fff;
    font-family: HCo Gotham, Rouble, -apple-system, blinkmacsystemfont, arial, sans-serif;
    font-size: 14px;
    min-height: 100%;
    position: relative
}

@media(max-width:900px) {
    body {
        font-size: 13px
    }
}

@media(max-width:599px) {
    body {
        font-size: 12px
    }
}

::-webkit-scrollbar-track {
    background-color: #1c181c
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-thumb {
    background-color: #2c282c;
    border-radius: 2px
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

a {
    color: #ffb274;
    text-decoration: none;
    transition: color .3s ease
}

a:hover {
    color: #f8bc76
}

main {
    background-color: #171317;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    position: relative
}

h1 {
    font-size: 34px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 18px
}

.center {
    text-align: center
}

.mb-25 {
    margin-bottom: 25px
}

.upper {
    text-transform: uppercase
}

@media(max-width:900px) {
    #vk_community_messages {
        bottom: 65px !important
    }
}

@-webkit-keyframes turn-reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes turn-reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes case-bg-pulse {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.97);
        transform: scale(.97)
    }
}

@keyframes case-bg-pulse {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.97);
        transform: scale(.97)
    }
}

@-webkit-keyframes scale-out {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes scale-out {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes scale-in {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes scale-in {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes case-pulse {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes case-pulse {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes drop-first-item {
    0% {
        margin-left: -135px;
        opacity: 0;
        -webkit-transform: perspective(800px) rotateY(-90deg) translateZ(0);
        transform: perspective(800px) rotateY(-90deg) translateZ(0)
    }
    to {
        margin-left: 0;
        opacity: 1;
        -webkit-transform: perspective(800px) rotateY(0) translateZ(0);
        transform: perspective(800px) rotateY(0) translateZ(0)
    }
}

@keyframes drop-first-item {
    0% {
        margin-left: -135px;
        opacity: 0;
        -webkit-transform: perspective(800px) rotateY(-90deg) translateZ(0);
        transform: perspective(800px) rotateY(-90deg) translateZ(0)
    }
    to {
        margin-left: 0;
        opacity: 1;
        -webkit-transform: perspective(800px) rotateY(0) translateZ(0);
        transform: perspective(800px) rotateY(0) translateZ(0)
    }
}