.wrapper.wrapper_game .container {
    max-width: 184rem;
    padding: 0 var(--gutter);
}
.container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

[_nghost-ng-c3674959170] {
    display: flex;
    margin: 0 auto;
    gap: 2rem;
}

.double-sidebar[_ngcontent-ng-c3674959170] {
    position: relative;
    z-index: 2;
    width: 40rem;
}

[_nghost-ng-c1296924325] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    height: fit-content;
}

[_nghost-ng-c1296924325] .new-game-sidebar__bet-creator[_ngcontent-ng-c1296924325] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    background-color: #242c54;
    border-radius: 3rem;
    padding: 2.5rem;
}

[_nghost-ng-c1296924325] .new-game-sidebar__head[_ngcontent-ng-c1296924325] {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: .3rem;
}

[_nghost-ng-c1296924325] .new-game-sidebar__title[_ngcontent-ng-c1296924325] {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 3.1rem;
}

[_nghost-ng-c1296924325] .new-game-sidebar__title[_ngcontent-ng-c1296924325] .icon[_ngcontent-ng-c1296924325] {
    font-size: 3rem;
}

[_nghost-ng-c1296924325] .new-game-sidebar__info[_ngcontent-ng-c1296924325] {
    font-size: 2.2rem;
    color: #cddbff;
    opacity: .5;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}

[_nghost-ng-c1296924325] .bet-creator[_ngcontent-ng-c1296924325] {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
}

[_nghost-ng-c2170175524] {
    display: flex;
    align-items: center;
    height: 6.4rem;
    background: linear-gradient(180deg, #2c4761cc, #416980cc);
    border-radius: 1.2rem;
}

.btn.is-active[_ngcontent-ng-c2170175524] {
    background: linear-gradient(180deg, #478f64, #88cb69);
}
.btn[_ngcontent-ng-c2170175524] {
    width: 50%;
    height: 100%;
    gap: 1rem;
    border: 0;
}

.btn.is-active[_ngcontent-ng-c2170175524] .icon[_ngcontent-ng-c2170175524], .btn.is-active[_ngcontent-ng-c2170175524] .btn__text[_ngcontent-ng-c2170175524], .btn.is-active[_ngcontent-ng-c2170175524] .btn__value[_ngcontent-ng-c2170175524] {
    color: #1a3d36;
}

.btn__text-wrapper[_ngcontent-ng-c2170175524] {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}


.btn__icon[_ngcontent-ng-c2170175524], .btn__text[_ngcontent-ng-c2170175524], .btn__value[_ngcontent-ng-c2170175524] {
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s;
}

.btn__icon[_ngcontent-ng-c2170175524] {
    font-size: 2.6rem;
    color: #a0dbc9;
}

.select-color[_ngcontent-ng-c2801561973] {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

.select-color__label[_ngcontent-ng-c2801561973] {
    color: #4e5d8d;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem;
    cursor: pointer;
}

.btn__text[_ngcontent-ng-c2170175524] {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    color: #a1dbc9;
    opacity: .7;
}

.btn__icon[_ngcontent-ng-c2170175524], .btn__text[_ngcontent-ng-c2170175524], .btn__value[_ngcontent-ng-c2170175524] {
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s;
}

.btn__value[_ngcontent-ng-c2170175524] {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #a1dbc9;
}

.select-color__colors[_ngcontent-ng-c2801561973] {
    display: flex;
    gap: .4rem;
    margin-top: 1rem;
    height: 4.6rem;
}

.select-color__color[_ngcontent-ng-c2801561973] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: 100%;
    border-radius: 1rem;
    padding: 1.6rem 0;
    flex: 1;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    opacity: .5;
    color: transparent;
    background-image: linear-gradient(169.61deg, transparent 16.73%, transparent 104.85%);
    border-color: transparent;
    -webkit-transition: opacity .2s ease-out 0s, background-image .2s ease-out 0s, border-color .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,background-image .2s ease-out 0s,border-color .2s ease-out 0s;
    transition: opacity .2s ease-out 0s, background-image .2s ease-out 0s, border-color .2s ease-out 0s;
}

.select-color__color2[_ngcontent-ng-c2801561973] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: 100%;
    border-radius: 1rem;
    padding: 1.6rem 0;
    flex: 1;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    opacity: .5;
    color: transparent;
    background-image: linear-gradient(169.61deg, transparent 16.73%, transparent 104.85%);
    border-color: transparent;
    -webkit-transition: opacity .2s ease-out 0s, background-image .2s ease-out 0s, border-color .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,background-image .2s ease-out 0s,border-color .2s ease-out 0s;
    transition: opacity .2s ease-out 0s, background-image .2s ease-out 0s, border-color .2s ease-out 0s;
}

.select-color__color_black[_ngcontent-ng-c2801561973] {
    color: #ebf0ff;
    border-color: #bbcde91a;
    background-image: linear-gradient(169.61deg, #4468942e 16.73%, #8298d12e 104.85%);
}

.select-color__color.is-active.select-color__color_black[_ngcontent-ng-c2801561973] {
    color: #f6f9ff;
    border-color: #bbcde94d;
    background-image: linear-gradient(169.61deg, #44689499 16.73%, #8298d199 104.85%);
}

.select-color__color_green[_ngcontent-ng-c2801561973] {
    color: #81e478;
    border-color: #78e89e1a;
    background-image: linear-gradient(169.61deg, #2d78422e 16.73%, #48c1622e 104.85%);
}



.select-color__color.is-active.select-color__color_green[_ngcontent-ng-c2801561973] {
    color: #95ff8c;
    border-color: #78e89e1a;
    background-image: linear-gradient(169.61deg, #2d784299 16.73%, #48c16299 104.85%);
}

.select-color__color_red[_ngcontent-ng-c2801561973] {
    color: #ff555f;
    border-color: #fe8b8b1a;
    background-image: linear-gradient(169.61deg, #b76a6a12 16.73%, #d9505024 104.85%);
}

.select-color__color.is-active.select-color__color_red[_ngcontent-ng-c2801561973] {
    color: #ff636c;
    border-color: #fe8b8b4d;
    background-image: linear-gradient(169.61deg, #b76a6a52 16.73%, #d9505099 104.85%);
}










.select-color__color.is-active[_ngcontent-ng-c2801561973] span[_ngcontent-ng-c2801561973] {
    transform: translate(0);
}

.select-color__color[_ngcontent-ng-c2801561973] span[_ngcontent-ng-c2801561973] {
    transform: translate(1rem);
    -webkit-transition: transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
}

.select-color__color.is-active[_ngcontent-ng-c2801561973], .select-color__color[_ngcontent-ng-c2801561973]:hover, .select-color__color.is-active[_ngcontent-ng-c2801561973] .icon[_ngcontent-ng-c2801561973] {
    opacity: 1;
}
.select-color__color[_ngcontent-ng-c2801561973] .icon[_ngcontent-ng-c2801561973] {
    font-size: 1.6rem;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}


/* Блок для второго набора цветов */
.select-color__colors2 {
    display: flex;
    gap: .4rem;
    margin-top: 1rem;
    height: 4.6rem;
}

/* Классы для второго блока */
.select-color__color2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: 100%;
    border-radius: 1rem;
    padding: 1.6rem 0;
    flex: 1;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    opacity: .5;
    color: transparent;
    background-image: linear-gradient(169.61deg, transparent 16.73%, transparent 104.85%);
    border-color: transparent;
    -webkit-transition: opacity .2s ease-out 0s, background-image .2s ease-out 0s, border-color .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,background-image .2s ease-out 0s,border-color .2s ease-out 0s;
    transition: opacity .2s ease-out 0s, background-image .2s ease-out 0s, border-color .2s ease-out 0s;
}

/* Черный для второго блока */
.select-color__color2_black {
    color: #ebf0ff;
    border-color: #bbcde91a;
    background-image: linear-gradient(169.61deg, #4468942e 16.73%, #8298d12e 104.85%);
}

.select-color__color2.is-active.select-color__color2_black {
    color: #f6f9ff;
    border-color: #bbcde94d;
    background-image: linear-gradient(169.61deg, #44689499 16.73%, #8298d199 104.85%);
}

/* Зеленый для второго блока */
.select-color__color2_green {
    color: #81e478;
    border-color: #78e89e1a;
    background-image: linear-gradient(169.61deg, #2d78422e 16.73%, #48c1622e 104.85%);
}

.select-color__color2.is-active.select-color__color2_green {
    color: #95ff8c;
    border-color: #78e89e1a;
    background-image: linear-gradient(169.61deg, #2d784299 16.73%, #48c16299 104.85%);
}

/* Красный для второго блока */
.select-color__color2_red {
    color: #ff555f;
    border-color: #fe8b8b1a;
    background-image: linear-gradient(169.61deg, #b76a6a12 16.73%, #d9505024 104.85%);
}

.select-color__color2.is-active.select-color__color2_red {
    color: #ff636c;
    border-color: #fe8b8b4d;
    background-image: linear-gradient(169.61deg, #b76a6a52 16.73%, #d9505099 104.85%);
}

/* Активное состояние для второго блока */
.select-color__color2.is-active span {
    transform: translate(0);
}

.select-color__color2 span {
    transform: translate(1rem);
    -webkit-transition: transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
}

.select-color__color2.is-active, 
.select-color__color2:hover, 
.select-color__color2.is-active .icon {
    opacity: 1;
}

.select-color__color2 .icon {
    font-size: 1.6rem;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}

[_nghost-ng-c3173486611] .bet-form[_ngcontent-ng-c3173486611] {
    position: relative;
    display: flex;
    flex-direction: column;
}

[_nghost-ng-c3173486611] .bet-form__label[_ngcontent-ng-c3173486611] {
    color: #4e5d8d;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem;
    cursor: pointer;
}

[_nghost-ng-c3173486611] .bet-form__wrapper[_ngcontent-ng-c3173486611] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .4rem;
    width: 100%;
    height: 4.6rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-color: #3b477a;
    border-radius: .8rem;
}

[_nghost-ng-c3173486611] .bet-form__wrapper[_ngcontent-ng-c3173486611] .bet-form__currency[_ngcontent-ng-c3173486611] {
    display: block;
    margin-left: 1.4rem;
    font-weight: 500;
    font-size: 1.5rem;
    color: #b3c3ec;
}

[_nghost-ng-c3173486611] .bet-form__input[_ngcontent-ng-c3173486611], [_nghost-ng-c3173486611] .bet-form__input[_ngcontent-ng-c3173486611]::placeholder {
    color: #e0e6ff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8rem;
}
[_nghost-ng-c3173486611] .bet-form__input[_ngcontent-ng-c3173486611] {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: inherit;
    -webkit-transition: filter .2s ease-out 0s;
    -moz-transition: filter .2s ease-out 0s;
    transition: filter .2s ease-out 0s;
}

[_nghost-ng-c3173486611] .bet-form__action[_ngcontent-ng-c3173486611] {
    --icon-size: 2rem;
    width: 4.6rem;
    height: 100%;
    padding: 0;
    border: none;
    color: #58638980;
}

[_nghost-ng-c3173486611] .manual-bet__actions[_ngcontent-ng-c3173486611] {
    display: flex;
    gap: .4rem;
    height: 3.8rem;
    margin-top: .5rem;
}

[_nghost-ng-c3173486611] .manual-bet__action[_ngcontent-ng-c3173486611] {
    background-color: #333f70;
    color: #a5b6e0;
    flex: 1 1 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: .8rem;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5rem;
}

[_nghost-ng-c1296924325] .bet-creator[_ngcontent-ng-c1296924325] .bet-creator__wrapper[_ngcontent-ng-c1296924325] {
    display: flex;
    gap: .4rem;
    align-items: center;
    margin-top: 1.8rem;
    min-height: 5.2rem;
}

[_nghost-ng-c2546293649] {
    display: block;
    width: 100%;
}

[_nghost-ng-c2697797299] {
    display: block;
    width: auto;
    height: 100%;
}

.bet-creator__action[_ngcontent-ng-c2546293649] {
    width: 100%;
    border-radius: .8rem;
}


.autobet-btn_crash[_ngcontent-ng-c2697797299], .autobet-btn_double[_ngcontent-ng-c2697797299] {
    background-image: linear-gradient(129.29deg, #353f6d 27.5%, #4a5485 90.87%);
    flex-direction: column;
    flex: none;
    gap: .3rem;
    min-width: auto;
    width: 6.4rem;
    height: 6.4rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
}

.autobet-btn[_ngcontent-ng-c2697797299] {
    min-width: 17.6rem;
    height: 100%;
    background-image: linear-gradient(129.29deg, #1f273e 27.5%, #2c3756 90.87%);
    border: none;
    border-radius: .8rem;
    color: #d1d8eb;
    text-transform: uppercase;
}

[_nghost-ng-c1296924325] .bet-creator[_ngcontent-ng-c1296924325] .bet-creator__wrapper[_ngcontent-ng-c1296924325] {
    display: flex;
    gap: .4rem;
    align-items: center;
    margin-top: 1.8rem;
    min-height: 5.2rem;
}


[_nghost-ng-c3674959170] {
    display: flex;
    margin: 0 auto;
    gap: 2rem;
}


.double-game[_ngcontent-ng-c3674959170] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    flex: 1;
    width: 78rem;
}

.double-game__title-wrapper[_ngcontent-ng-c3674959170] {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.double-game__title[_ngcontent-ng-c3674959170] {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2rem;
}

.double-game__title[_ngcontent-ng-c3674959170] .icon[_ngcontent-ng-c3674959170] {
    font-size: 2rem;
}

.double-game__info[_ngcontent-ng-c3674959170] {
    font-size: 2.2rem;
    color: #cddbff;
    opacity: .5;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}


[_nghost-ng-c3618636032] {
    position: relative;
}



.double-game__head[_ngcontent-ng-c3618636032] {
    position: relative;
    display: flex;
    height: 24rem;
    padding: 3.2rem 0 2.1rem;
    background: linear-gradient(180deg, #0a0c20, #11142e);
    border-radius: 2.5rem;
}



[_nghost-ng-c3546506772] {
    position: absolute;
    top: -11rem;
    left: -10rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 48rem;
    height: 56.2rem;
    pointer-events: none;
    flex: none;
}


[_nghost-ng-c3546506772] spine[_ngcontent-ng-c3546506772] {
    z-index: 2;
}
[_nghost-ng-c517662977] {
    display: block;
    width: 100%;
    height: 100%;
}


.double-game__info[_ngcontent-ng-c3618636032] {
    z-index: 0;
    display: flex;
    flex-direction: column;
    width: calc(100% - 32rem);
    margin-left: 32rem;
}


.double-game__title[_ngcontent-ng-c3618636032] {
    font-weight: 300;
    font-size: 2rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    color: #f57f81;
}



[_nghost-ng-c3618636032] .bank[_ngcontent-ng-c3618636032] {
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
    height: 4.3rem;
    margin-top: .6rem;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 4.3rem;
    text-transform: uppercase;
}

[_nghost-ng-c3618636032] .bank[_ngcontent-ng-c3618636032] .bank__value[_ngcontent-ng-c3618636032] {
    position: absolute;
    z-index: 4;
    color: #fff;
}

.currency_CSF, .currency_USD {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    font-variant: tabular-nums;
}
[class*=currency_] {
    white-space: nowrap;
}



.double-game__subtitle[_ngcontent-ng-c3618636032] {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.7rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #6b7188;
}



.double-game__history-button[_ngcontent-ng-c3618636032] {
    position: absolute;
    top: 1.8rem;
    right: 1.8rem;
    width: 4rem;
    height: 4rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #181d2d;
    color: #5c637a;
    font-size: 2rem;
}


.double-game__spinner-container[_ngcontent-ng-c3618636032] {
    position: relative;
    left: -14rem;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    margin-right: -14rem;
}

.spinner[_ngcontent-ng-c2419970086] {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

[_nghost-ng-c2462644261] {
    position: absolute;
    top: 8%;
    bottom: 8%;
    left: 1rem;
    right: 1rem;
    z-index: 2;
    display: block;
    pointer-events: none;
}

.spinner[_ngcontent-ng-c2419970086] .spinner__wrapper[_ngcontent-ng-c2419970086] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 9rem;
}

.spinner[_ngcontent-ng-c2419970086] .spinner__wrapper[_ngcontent-ng-c2419970086]:before {
    left: 0;
    background: linear-gradient(90deg, #0d1019b8, #0d101900);
}
.spinner[_ngcontent-ng-c2419970086] .spinner__wrapper[_ngcontent-ng-c2419970086]:before, .spinner[_ngcontent-ng-c2419970086] .spinner__wrapper[_ngcontent-ng-c2419970086]:after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: 6.7rem;
    height: 100%;
}

.spinner-item_red[_nghost-ng-c2697426989] {
    background-image: linear-gradient(180deg, #a82f45, #e9505a);
}
[_nghost-ng-c2697426989] {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
    width: 5.7rem;
    height: 6.5rem;
    padding: .8rem 1.2rem;
    border-radius: .8rem;
    font-weight: 500;
    font-size: 2.1rem;
    line-height: 2.6rem;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: opacity .2s ease-out 0s, transform .2s ease-out 0s, background-image .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,transform .2s ease-out 0s,background-image .2s ease-out 0s;
    transition: opacity .2s ease-out 0s, transform .2s ease-out 0s, background-image .2s ease-out 0s;
}

.spinner-item_black[_nghost-ng-c2697426989] {
    background-image: linear-gradient(180deg, #282d42, #363f59);
}

.spinner-item_green[_nghost-ng-c2697426989] {
    background-image: linear-gradient(180deg, #2d9261, #47c76b);
}

.double-game.is-completed[_ngcontent-ng-c3674959170]     .spinner-item:not(.is-won) {
    opacity: .2;
}

.spinner[_ngcontent-ng-c2419970086] .spinner__wrapper[_ngcontent-ng-c2419970086]:after {
    right: 0;
    background: linear-gradient(270deg, #0d1019b8, #0d101900);
}
.spinner[_ngcontent-ng-c2419970086] .spinner__wrapper[_ngcontent-ng-c2419970086]:before, .spinner[_ngcontent-ng-c2419970086] .spinner__wrapper[_ngcontent-ng-c2419970086]:after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: 6.7rem;
    height: 100%;
}



[_nghost-ng-c687622377] {
    display: flex;
    align-items: center;
    gap: 1.3rem;
    width: calc(100% - 27.5rem);
    margin-left: 27.5rem;
    border-radius: 1.6rem;
    background: #20274b;
    padding: 1rem;
    margin-top: 1rem;
    max-width: 70rem;
}

[_nghost-ng-c687622377] .history__games[_ngcontent-ng-c687622377] {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(90deg, #1e2444 60%, #1e244400 99.71%);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
}




.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0);
}
.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-slide {
    position: relative;
    flex-shrink: 0;
    width: auto;
    height: 100%;
    transition-property: transform;
}

[_nghost-ng-c687622377] .history__game_black[_ngcontent-ng-c687622377] {
    background: linear-gradient(169.61deg, #4468942e 16.73%, #8298d12e 104.85%);
    border-color: #bbcde91a;
    color: #ebf0ff;
}

[_nghost-ng-c687622377] .history__game_red[_ngcontent-ng-c687622377] {
    background: linear-gradient(169.61deg, #b76a6a12 16.73%, #d9505024 104.85%);
    border-color: #fe8b8b1a;
    color: #ff555f;
}


[_nghost-ng-c687622377] .history__game_green[_ngcontent-ng-c687622377] {
    background: linear-gradient(169.61deg, #2d78422e 16.73%, #48c1622e 104.85%);
    border-color: #78e89e1a;
    color: #81e478;
}


[_nghost-ng-c687622377] .history__game[_ngcontent-ng-c687622377] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    margin-right: .2rem;
    border-radius: 1rem;
    cursor: pointer;
    border: 1px solid transparent;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.6rem;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}

[_nghost-ng-c687622377] .button_history[_ngcontent-ng-c687622377] {
    --icon-size: 1.6rem;
    height: 3.6rem;
    margin-left: auto;
    font-weight: 500;
    font-size: 1.2rem;
}

.btn .icon {
    font-size: var(--icon-size);
}



.double-game[_ngcontent-ng-c3674959170] .double-game__content[_ngcontent-ng-c3674959170] {
    display: grid;
    flex: 1;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 100%;
    gap: .4rem .9rem;
    overflow: hidden;
    min-height: 78rem;
}

.tabs[_ngcontent-ng-c1780129469] {
    display: flex;
    gap: .1rem;
    height: 4rem;
    margin-bottom: .6rem;
}

.tabs__button.is-active.tabs__button_red[_ngcontent-ng-c1780129469], .tabs__button[_ngcontent-ng-c1780129469]:hover.tabs__button_red {
    background: linear-gradient(180deg, #293055, #673544);
    border-color: #e24d57;
}

.tabs__button.is-active.tabs__button_green[_ngcontent-ng-c1780129469], .tabs__button[_ngcontent-ng-c1780129469]:hover.tabs__button_green {
    background: linear-gradient(180deg, #293055, #426735);
    border-color: #59e24d;
}

.tabs__button.is-active.tabs__button_black[_ngcontent-ng-c1780129469], .tabs__button[_ngcontent-ng-c1780129469]:hover.tabs__button_black {
    background: linear-gradient(180deg, #293055, #3c4367);
    border-color: #a5acc7;
}

.tabs__button[_ngcontent-ng-c1780129469]:first-child {
    border-top-left-radius: .6rem;
    border-bottom-left-radius: .6rem;
}


.tabs__button[_ngcontent-ng-c1780129469]:last-child {
    border-top-right-radius: .6rem;
    border-bottom-right-radius: .6rem;
}


.tabs__button_red[_ngcontent-ng-c1780129469] {
    color: #ff555f;
}

.tabs__button_green[_ngcontent-ng-c1780129469] {
    color: #81e478;
}
.tabs__button_black[_ngcontent-ng-c1780129469] {
    color: #e2e2e2;
}
.tabs__button_purple[_ngcontent-ng-c1780129469] {
    color: #cb88ff;
}


.tabs__button[_ngcontent-ng-c1780129469] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex: 1 1 33.333%;
    background: #252d51;
    border-bottom: .1rem solid transparent;
    font-weight: 900;
    font-size: 11px;
    line-height: 14px;
    cursor: pointer;
}

.double-color {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: .1rem solid rgba(127, 176, 213, .1);
    border-radius: 1.6rem;
    padding: 1rem;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}



.double-game.is-running[_ngcontent-ng-c3674959170]
  .double-color:not(.is-winner),
.double-game.is-completed[_ngcontent-ng-c3674959170]
  .double-color:not(.is-winner) {
    opacity: .5;
}

.double-game.is-completed[_ngcontent-ng-c3674959170]
.spinner-item:not(.is-won):not(:has(.spinner__wrapper)) {
    opacity: .2;
}



.double-color_red:before {
    background: no-repeat center / 100% url(/images/svg/blur-color-red.svg);
}

.double-color_green:before {
    background: no-repeat center / 100% url(/images/svg/blur-color-green.svg);
}

.double-color_black:before {
    background: no-repeat center / 100% url(/images/svg/blur-color-black.svg);
}

.double-color:before {
    content: " ";
    position: absolute;
    left: -13.3rem;
    top: -15.4rem;
    width: 25.4rem;
    height: 25.4rem;
    pointer-events: none;
}

.color-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .6rem .6rem 1.3rem;
    cursor: pointer;
}

.color-header__users {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #cddbff;
    opacity: .6;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 700;
}



.double-color_red .color-header__bank {
    color: #ffd1d4;
}

.double-color_green .color-header__bank {
    color: #ccffc8;
}

.double-color_black .color-header__bank {
    color: #94a5d0;
}


.color-header__bank {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4rem;
}
.currency_CSF, .currency_USD {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    font-variant: tabular-nums;
}
[class*=currency_] {
    white-space: nowrap;
}

.double-color_red .color-header__title {
    color: #ff555f;
}

.double-color_green .color-header__title {
    color: #81e478;
}

.double-color_black .color-header__title {
    color: #ebf0ff;
}



.color-header__title {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-transform: uppercase;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}

.color-header__users {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #cddbff;
    opacity: .6;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 700;
}

.color-header__icon {
    font-size: 1.6rem;
}


.double-color .double-color__bets {
    display: flex;
    overflow: hidden;
    height: 100%;
    flex-direction: column;
}

.double-color .double-color__scroll .cdk-virtual-scroll-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    width: 100%;
}

.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
    min-width: 100%;
}

.cdk-virtual-scroll-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    contain: content;
}

.is-animated[_nghost-ng-c3402178191] {
    animation: _ngcontent-ng-c3402178191_player-up .2s ease-in 0s;
}

[_nghost-ng-c3402178191] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    height: 5.2rem;
    padding: 0 1rem;
    background: #242c5480;
    border: 1px solid transparent;
    border-radius: 1.2rem;
    overflow: hidden;
    -webkit-transition: opacity .2s ease-out 0s, visibility .2s ease-out 0s, transform .2s ease-out 0s, box-shadow .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s,box-shadow .2s ease-out 0s;
    transition: opacity .2s ease-out 0s, visibility .2s ease-out 0s, transform .2s ease-out 0s, box-shadow .2s ease-out 0s;
}

[_nghost-ng-c3402178191] .double-bet__user-picture[_ngcontent-ng-c3402178191] {
    z-index: 4;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}
.picture {
    position: relative;
    z-index: 1;
    display: flex;
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    flex-grow: 0;
    flex-shrink: 0;
}
.link, .link:hover, .link:focus {
    outline: none;
    text-decoration: none;
}
.link {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    cursor: pointer;
}

.picture:before {
    content: "";
    position: absolute;
    top: -.4rem;
    left: -.4rem;
    display: inline-block;
    width: calc(100% + .8rem);
    height: calc(100% + .8rem);
    border-radius: 1.4rem;
}

[_nghost-ng-c3402178191] .double-bet__nickname[_ngcontent-ng-c3402178191] {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 0;
    margin-left: .8rem;
    color: #94a8c8;
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: 400;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s;
}
.nickname {
    display: inline-flex;
    width: 100%;
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s;
}

.nickname .link {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.link, .link:hover, .link:focus {
    outline: none;
    text-decoration: none;
}
.link {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    cursor: pointer;
}

[_nghost-ng-c3402178191] .double-bet__bank[_ngcontent-ng-c3402178191] {
    margin-left: 1.6rem;
    margin-right: .4rem;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 700;
    -webkit-transition: opacity .2s ease-out 0s, visibility .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s;
    transition: opacity .2s ease-out 0s, visibility .2s ease-out 0s;
}

[_nghost-ng-c3402178191] .double-bet__won-background[_ngcontent-ng-c3402178191] {
    position: absolute;
    z-index: 2;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 1.2rem;
    background: linear-gradient(90deg, #314f6ae8 26.33%, #2e6457 75.06%, #35765a);
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}

[_nghost-ng-c3402178191] .double-bet__won-background[_ngcontent-ng-c3402178191] {
    position: absolute;
    z-index: 2;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 1.2rem;
    background: linear-gradient(90deg, #314f6ae8 26.33%, #2e6457 75.06%, #35765a);
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}

.double-game__shield[_ngcontent-ng-c3674959170] {
    font-size: 2rem;
    color: #66d08a;
}

.double-game__round[_ngcontent-ng-c3674959170] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #66d08a;
    text-transform: uppercase;
}

.double-game__hash[_ngcontent-ng-c3674959170] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-left: auto;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #66d08a;
}

.double-game__hash[_ngcontent-ng-c3674959170] .btn_copy[_ngcontent-ng-c3674959170] {
    --icon-size: 1.8rem;
    color: #66d08a;
    opacity: .4;
}

.double-game__footer[_ngcontent-ng-c3674959170] {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 100%;
    height: 4.2rem;
    margin-top: 1.4rem;
    padding-left: 1.2rem;
    padding-right: 1.8rem;
    background: linear-gradient(170.73deg, #205c6427 7.01%, #28797433 101.22%);
    border-radius: 25px;
}

[_nghost-ng-c1296924325] .new-game-sidebar__footer[_ngcontent-ng-c1296924325] {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 100%;
    height: 4.2rem;
    margin-top: 1.4rem;
    padding-left: 1.2rem;
    padding-right: 1.8rem;
    background: linear-gradient(170.73deg, #205c6427 7.01%, #28797433 101.22%);
    border-radius: 25px;
}

[_nghost-ng-c1296924325] .new-game-sidebar__shield[_ngcontent-ng-c1296924325] {
    font-size: 2rem;
    color: #66d08a;
}

[_nghost-ng-c1296924325] .new-game-sidebar__round[_ngcontent-ng-c1296924325] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #66d08a;
    text-transform: uppercase;
}

[_nghost-ng-c1296924325] .new-game-sidebar__hash[_ngcontent-ng-c1296924325] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-left: auto;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #66d08a;
}

[_nghost-ng-c1296924325] .new-game-sidebar__hash[_ngcontent-ng-c1296924325] .button_copy[_ngcontent-ng-c1296924325] {
    --icon-size: 1.8rem;
    color: #66d08a;
    opacity: .4;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}



.spinner[_ngcontent-ng-c2419970086] .spinner__container[_ngcontent-ng-c2419970086] {
    display: flex;
    gap: .2rem;
    width: 200%;
    margin-left: 50%;
    align-items: center;
}

.spinner[_ngcontent-ng-c2419970086] .spinner__wrapper[_ngcontent-ng-c2419970086] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 9rem;
}

[_nghost-ng-c2462644261] {
    position: absolute;
    top: 8%;
    bottom: 8%;
    left: 1rem;
    right: 1rem;
    z-index: 2;
    display: block;
    pointer-events: none;
}

[_nghost-ng-c2462644261] .spinner-timer__text[_ngcontent-ng-c2462644261] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
    background: #161928f7;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    text-transform: uppercase;
    color: #fff;
}

[_nghost-ng-c2462644261] .spinner-timer__border_top[_ngcontent-ng-c2462644261] {
    top: 0;
}

[_nghost-ng-c2462644261] .spinner-timer__border_bottom[_ngcontent-ng-c2462644261] {
    bottom: 0;
}

[_nghost-ng-c2462644261] .spinner-timer__border[_ngcontent-ng-c2462644261] {
    position: absolute;
    left: 0;
    right: 0;
    width: calc(100% - 1.6rem);
    margin: 0 auto;
    height: .1rem;
    border-bottom: .1rem solid rgba(57, 60, 79, .7);
    will-change: width;
}


[_nghost-ng-c2462644261] .spinner-timer__text[_ngcontent-ng-c2462644261] span[_ngcontent-ng-c2462644261] {
    margin-left: .4rem;
    font-weight: 500;
    text-transform: none;
}

[_ngcontent-ng-c3546506772]:root
{
--gutter: 2rem;
--gutter-page: 4rem;
--gutter-shop: 2.5rem;
--gutter-support: 2.5rem
}





@media all and (max-width: 991px)
{
[_ngcontent-ng-c3546506772]:root
{
--gutter: 1.5rem;
--gutter-page: 2rem
}

}
[_nghost-ng-c3546506772]
{
position:absolute;
top:-11rem;
left:-10rem;
z-index:1;
display:flex;
flex-direction:column;
width:48rem;
height:56.2rem;
pointer-events:none;
flex:none
}
[_nghost-ng-c3546506772]   spine[_ngcontent-ng-c3546506772]
{
z-index:2
}
[_nghost-ng-c3546506772]:before
{
content:" ";
position:absolute;
right:25%;
top:20.03%;
bottom:12.81%;
width:31rem;
height:31rem;
background-repeat:no-repeat;
background-size:100%;
background-image:url(/images/svg/pig-light.svg)
}
@media all and (max-width: 991px)
{
[_nghost-ng-c3546506772]:before
{
display:none
}

}



[_nghost-ng-c3546506772]   .piggy-bank__coin[_ngcontent-ng-c3546506772]
{
position:absolute;
top:3rem;
left:20rem;
z-index:1;
display:block;
width:8rem;
height:8rem;
background-repeat:no-repeat;
background-size:100%;
background-image:url(/images/webp/coin-3.webp)
}



@media all and (max-width: 767px)
{
[_nghost-ng-c3546506772]
{
top:-3.9rem;
left:-2.2rem;
width:17.2rem;
height:19.5rem
}
[_nghost-ng-c3546506772]   .piggy-bank__coin[_ngcontent-ng-c3546506772]
{
top:-6rem;
left:7.2rem;
width:4rem;
height:4rem
}

}


.double-game__title-wrapper[_ngcontent-ng-c3674959170] {
        padding: 0px 15px;
}

[_nghost-ng-c3546506772] spine[_ngcontent-ng-c3546506772] {
    z-index: 2;
}

[_nghost-ng-c517662977] {
    display: block;
    width: 100%;
    height: 100%;
}


[_nghost-ng-c3546506772] {
    position: absolute;
    top: -11rem;
    left: -10rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 48rem;
    height: 56.2rem;
    pointer-events: none;
    flex: none;
}




@keyframes coin-fall {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }

  40% {
    transform: translateY(30px) scale(0.95);
  }

  100% {
    transform: translateY(180px) scale(0.85);
    opacity: 0;
  }
}

.piggy-bank__coin {
  animation: coin-fall 0.5s cubic-bezier(0.2, 0.0, 0.6, 1) forwards;
}


.double-color .empty-block {
    border: none;
}

.empty-block .empty-block__title {
    padding: 0 1.5rem;
    color: #9fb1d4;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.7rem;
}


	
	.blocktel {
		display:none !important;
    }
	
		.blocktel2 {
		display:none !important;
    }




.spinner[_ngcontent-ng-c2419970086] .spinner__arrow.icon_bottom[_ngcontent-ng-c2419970086] {
    bottom: 0;
    transform: rotate(180deg);
}

.spinner[_ngcontent-ng-c2419970086] .spinner__arrow.icon_top[_ngcontent-ng-c2419970086] {
    top: 0;
}

.spinner[_ngcontent-ng-c2419970086] .spinner__arrow[_ngcontent-ng-c2419970086] {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    font-size: 2rem;
    width: 2rem;
}





@media (max-width: 991px) {
    .wrapper.wrapper_game .container {
        padding: 0;
    }

	
	
	
		
	.blockpk {
		display:none !important;
    }
	
	.blocktel {
		display:flex !important;
    }
	
	
	
    .double-game[_ngcontent-ng-c3674959170] .double-game__content[_ngcontent-ng-c3674959170] {
        min-height: 100%;
    }

    .wrapper.wrapper_game .container {
        padding: 0;
    }

    .double-color .double-color__bets {
        height: 30rem;
    }

    [_nghost-ng-c3674959170] {
        flex-direction: column;
        width: 100%;
        margin-top: 2rem;
    }

    .double-game[_ngcontent-ng-c3674959170] {
        width: 100%;
        margin: 0;
        padding: 0 var(--gutter);
    }

    .double-game__head[_ngcontent-ng-c3618636032] {
        border-radius: 2rem;
    }
}



@media (max-width: 767px) {
	
	
	

  double-game-color {
    display: none;
  }

  double-game-color.is-visible {
    display: block;
  }

	
	
	
    [_nghost-ng-c3674959170] {
        margin-top: 2rem;
    }
	
	
			.blocktel2 {
		display:block !important;
    }

    .double-game__head[_ngcontent-ng-c3618636032] {
        height: 20.2rem;
        padding: 1.8rem 0;
    }

    [_nghost-ng-c3546506772] {
        top: -3.9rem;
        left: -2.2rem;
        width: 17.2rem;
        height: 19.5rem;
    }

    .double-game__info[_ngcontent-ng-c3618636032] {
        width: calc(100% - 13.2rem);
        margin-left: 13.2rem;
    }

    .double-game__title[_ngcontent-ng-c3618636032] {
        font-size: 1.6rem;
        line-height: 2rem;
        text-transform: none;
    }

    [_nghost-ng-c3618636032] .bank[_ngcontent-ng-c3618636032] {
        height: 2.8rem;
        margin-top: .2rem;
        font-size: 2rem;
        line-height: 2rem;
    }

    .double-game__subtitle[_ngcontent-ng-c3618636032] {
        margin-top: .4rem;
        font-size: 1.1rem;
        line-height: 1.4rem;
        letter-spacing: .16em;
    }

    .double-game__history-button[_ngcontent-ng-c3618636032] {
        top: 1rem;
        right: 1rem;
        width: 3.2rem;
        height: 3.2rem;
        border-radius: 1rem;
        background-color: transparent;
        border: 1px solid #303651;
        --icon-size: 1.6rem;
    }

    .double-game__spinner-container[_ngcontent-ng-c3618636032] {
        left: -13.2rem;
        margin-right: -13.2rem;
    }


    .double-game[_ngcontent-ng-c3674959170] .double-game__content[_ngcontent-ng-c3674959170] {
        display: block;
    }

    [_nghost-ng-c687622377] {
        margin-left: 0;
        gap: .6rem;
        width: 100%;
        margin-top: .7rem;
    }
	
	

	
	
}

swiper {
    display: block;
}


[_nghost-ng-c1296924325] .bet-creator[_ngcontent-ng-c1296924325] .bet-creator__inventory[_ngcontent-ng-c1296924325] {
    margin: 1.8rem -2.5rem 0;
}

.new-inventory {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2.5rem;
    background: linear-gradient(180deg, #2b3768, #34447c 108.57%);
    border-radius: 2rem;
}

.new-inventory {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2.5rem;
    background: linear-gradient(180deg, #2b3768, #34447c 108.57%);
    border-radius: 2rem;
}

.new-inventory__title {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-transform: uppercase;
}

.new-inventory__icon {
    font-size: 2.4rem;
}


[_nghost-ng-c3173486611] .manual-bet__action.is-active[_ngcontent-ng-c3173486611] {
    background-color: #6288d4;
    color: #f4f7ff;
}


.new-inventory__select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1rem 1.1rem 1.2rem;
    gap: .8rem;
    background: #7abbf708;
    border: .1rem dashed rgba(159, 194, 248, .14);
    border-radius: 1.2rem;
}

.new-inventory__selected {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-transform: uppercase;
}

.new-inventory__value {
    color: #81e478;
}

.new-inventory__right {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.new-inventory__switch {
    margin-left: auto;
}


.new-inventory__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-inventory__title {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-transform: uppercase;
}

.new-inventory__icon {
    font-size: 2.4rem;
}

.new-inventory__head .button_shop {
    width: auto;
    height: 3.8rem;
    padding: 0 1.2rem;
    background-image: linear-gradient(179.6deg, #435aac8c .41%, #6a8bff94 110.76%);
    border: 0;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1;
    color: #b0c2ff;
    text-transform: uppercase;
    -webkit-transition: color .2s ease-out 0s, background-image .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s,background-image .2s ease-out 0s;
    transition: color .2s ease-out 0s, background-image .2s ease-out 0s;
}

.new-inventory__head .button_shop .icon {
    font-size: 1.8rem;
}


.new-inventory__content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 28.5rem;
}


.empty-block.empty-block_new-inventory-no-items .empty-block__icon {
    display: block;
    width: 8.2rem;
    height: 4.49rem;
    transform: scaleX(-1);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/images/webp/pistol.webp);
    opacity: .4;
}

.empty-block.empty-block_new-inventory-no-items .empty-block__title {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #cddbff99;
}

.empty-block .empty-block__title {
    padding: 0 1.5rem;
    color: #9fb1d4;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.7rem;
}

@media (max-width: 991px) {
    .new-inventory__content_margin-bottom {
        height: 10.5rem;
        margin-bottom: 1.5rem;
    }
}


@media (hover: hover) {
    .new-inventory__content:not(.new-inventory__empty-block) {
        margin-right: -1.4rem;
    }
}


@media (max-width: 991px) {
    [_nghost-ng-c1296924325] .bet-creator[_ngcontent-ng-c1296924325] .bet-creator__inventory[_ngcontent-ng-c1296924325] {
        margin: 0;
        margin-top: 1.8rem;
    }
}


@media (max-width: 991px) {
    .new-inventory {
        padding: 1.5rem;
        padding-bottom: 0;
    }
}



[_nghost-ng-c2506783332] {
    position: absolute;
    top: -7.2rem;
    left: 39.4rem;
    bottom: auto;
    z-index: 107;
    display: flex;
    flex-direction: column;
    width: 51.8rem;
    height: calc(100vh - 10.2rem);
    max-height: 78.9rem;
    min-height: 45.2rem;
    padding: var(--gutter-shop);
    border-radius: 2.5rem;
    background: #303d6b;
    box-shadow: 0 1.4rem 7.2rem #101623b3;
    transform: translateZ(107px);
}

.shop[_ngcontent-ng-c2506783332] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.shop__close[_ngcontent-ng-c2506783332] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    font-size: 1.1rem;
    color: #4f5c95;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
}

.shop__header[_ngcontent-ng-c2506783332] {
    display: flex;
    align-items: center;
    gap: .8rem;
    color: #fff;
}

.shop__icon[_ngcontent-ng-c2506783332] {
    font-size: 2.4rem;
}

.shop__title[_ngcontent-ng-c2506783332] {
    font-size: 2.2rem;
    font-weight: 700;
}

.shop-counters_with-bg[_ngcontent-ng-c2117320972] {
    height: 6.8rem;
    padding: 1rem;
    margin-top: 1.6rem;
    border-radius: 1.6rem;
    background: #242f59;
}

.shop-counters[_ngcontent-ng-c2117320972] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.shop-counters__cell[_ngcontent-ng-c2117320972]:first-child {
    background: #7abbf70f;
    border: .1rem dashed rgba(159, 194, 248, .2);
    border-radius: 1rem;
    padding: 1rem 1.6rem 1rem 1rem;
}


.shop-counters__cell[_ngcontent-ng-c2117320972] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.shop-counters__icon[_ngcontent-ng-c2117320972] {
    font-size: 2rem;
    color: #cddbff;
}

.shop-counters__amount[_ngcontent-ng-c2117320972] {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #fff;
}

.shop-counters__subtitle[_ngcontent-ng-c2117320972] {
    font-weight: 500;
    font-size: .9rem;
    line-height: 1.1rem;
    text-transform: uppercase;
    color: #cddbff99;
}

.shop-counters__cell[_ngcontent-ng-c2117320972]:nth-child(2) .shop-counters__counter[_ngcontent-ng-c2117320972] .shop-counters__amount[_ngcontent-ng-c2117320972] {
    color: #81e478;
}

.shop-counters__cell[_ngcontent-ng-c2117320972]:nth-child(2) .shop-counters__counter[_ngcontent-ng-c2117320972] .shop-counters__subtitle[_ngcontent-ng-c2117320972] {
    color: #81e478;
    opacity: .5;
}

.shop__game-buttons[_ngcontent-ng-c2506783332] {
    display: flex;
    width: 100%;
    height: 5rem;
    margin-top: .8rem;
}

.shop__game-button.is-active[_ngcontent-ng-c2506783332] {
    background: #536199;
}

.button-group .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.shop__game-button[_ngcontent-ng-c2506783332] {
    flex: 1;
    height: 100%;
    gap: 1.2rem;
    padding: 1.2rem .7rem;
    background: #3e4b7f;
}

.shop__game-button[_ngcontent-ng-c2506783332] .btn__icon[_ngcontent-ng-c2506783332] {
    height: 2.4rem;
    width: 2.4rem;
}

.shop__game-button[_ngcontent-ng-c2506783332] .btn__text[_ngcontent-ng-c2506783332] {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
}

.shop-filters[_ngcontent-ng-c4239151517] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .8rem;
}

.shop-filters__left[_ngcontent-ng-c4239151517] {
    display: flex;
    align-items: center;
    gap: .6rem;
    height: 3.8rem;
}

.shop-filters__filter_name[_ngcontent-ng-c4239151517] {
    width: 12rem;
}

.form-field__input[_ngcontent-ng-c4239151517] {
    position: relative;
    display: inline-flex;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 1px solid rgba(205, 219, 255, .15);
    border-radius: 1rem;
    padding: 1rem 1.2rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 400;
    overflow: hidden;
    outline: none;
    cursor: text;
    -webkit-transition: border-color .2s ease-out 0s;
    -moz-transition: border-color .2s ease-out 0s;
    transition: border-color .2s ease-out 0s;
}

.shop-filters__filter_price[_ngcontent-ng-c4239151517] {
    width: 6.5rem;
}

.shop__content[_ngcontent-ng-c2506783332] {
    margin-top: .8rem;
    flex: 1;
}

.shop__actions[_ngcontent-ng-c2506783332] {
    display: flex;
    height: 5.8rem;
    gap: .8rem;
    margin-top: 1rem;
}

.shop__buy-action[_ngcontent-ng-c2506783332] {
    flex: 1;
    height: 100%;
}

.shop__reset-action[_ngcontent-ng-c2506783332]:hover, .shop__reset-action[_ngcontent-ng-c2506783332]:disabled {
    opacity: .5;
}

.shop__reset-action[_ngcontent-ng-c2506783332] {
    width: 5.8rem;
    height: 100%;
    background-color: #3d497c;
}

.shop__content[_ngcontent-ng-c2506783332] {
    margin-top: .8rem;
    flex: 1;
}

.shop__scroll[_ngcontent-ng-c2506783332] {
    scrollbar-color: #293156 #3b4772;
    scrollbar-width: .3rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}


.shop__scroll[_ngcontent-ng-c2506783332] {
    display: block;
    height: 100%;
    -webkit-transition: height .2s ease-out 0s;
    -moz-transition: height .2s ease-out 0s;
    transition: height .2s ease-out 0s;
}

.inventory-skin__st[_ngcontent-ng-c1457698464] {
    color: #f59575;
}

@media (hover: hover) {
    .shop__scroll[_ngcontent-ng-c2506783332] {
        margin-right: calc(var(--gutter-shop) / -2 - .15rem);
    }
}

@media (hover: hover) {
    .shop__scroll[_ngcontent-ng-c2506783332] .cdk-virtual-scroll-content-wrapper {
        padding-right: calc(var(--gutter-shop) / 2 - .15rem);
    }
}

.shop__scroll[_ngcontent-ng-c2506783332] .cdk-virtual-scroll-content-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.9rem, 1fr));
    align-content: flex-start;
    grid-gap: .4rem;
    width: 100%;
}

.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
    min-width: 100%;
}

.cdk-virtual-scroll-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    contain: content;
}

.cdk-virtual-scroll-spacer {
    height: 1px;
    transform-origin: 0 0;
    flex: 0 0 auto;
}


.inventory-skin.is-disabled[_ngcontent-ng-c1457698464] {
    opacity: .5;
    cursor: not-allowed;
}

.inventory-skin[_ngcontent-ng-c1457698464] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 9.2rem;
    padding: 0 1.2rem .8rem;
    background-image: linear-gradient(180deg, #3a4984c2, #4c5b96c2);
    border-radius: 1rem;
    cursor: pointer;
    -webkit-transition: background-image .2s ease-out 0s, opacity .2s ease-out 0s;
    -moz-transition: background-image .2s ease-out 0s,opacity .2s ease-out 0s;
    transition: background-image .2s ease-out 0s, opacity .2s ease-out 0s;
}

.inventory-skin_shop[_ngcontent-ng-c1457698464] {
    height: 11rem;
}


.inventory-skin__quality_4b69ff[_ngcontent-ng-c1457698464] {
    background: #6d9fff;
}

.inventory-skin__quality_cf6a32[_ngcontent-ng-c1457698464] {
    background: #ff8f5f;
}

.inventory-skin__quality_b0c3d9[_ngcontent-ng-c1457698464] {
    background: #919eb7;
}

.inventory-skin__quality_eb4b4b[_ngcontent-ng-c1457698464] {
    background: #fa5b51;
}

.inventory-skin__quality_d32ce6[_ngcontent-ng-c1457698464] {
    background: #ff6d87;
}


.inventory-skin__quality_5e98d9[_ngcontent-ng-c1457698464] {
    background: #85dcdc;
}

.inventory-skin__quality_e4ae39[_ngcontent-ng-c1457698464] {
    background: #ffc56d;
}


.inventory-skin__quality_8847ff[_ngcontent-ng-c1457698464] {
    background: #9672ff;
}



.inventory-skin__quality[_ngcontent-ng-c1457698464] {
    position: absolute;
    top: .8rem;
    right: .8rem;
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: .4rem;
}

.inventory-skin_shop[_ngcontent-ng-c1457698464] .inventory-skin__picture[_ngcontent-ng-c1457698464] {
    margin: 1.5rem auto 0;
}

.inventory-skin__picture[_ngcontent-ng-c1457698464] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.inventory-skin__price[_ngcontent-ng-c1457698464] {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.3rem;
    color: #ffc28a;
}

.inventory-skin__info[_ngcontent-ng-c1457698464] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    gap: .4rem;
    width: 100%;
    margin-top: .1rem;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.inventory-skin__desc[_ngcontent-ng-c1457698464] {
    width: 0;
    flex: 1;
}

.inventory-skin__name[_ngcontent-ng-c1457698464], .inventory-skin__subname[_ngcontent-ng-c1457698464] {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inventory-skin__subname[_ngcontent-ng-c1457698464] {
    font-weight: 500;
}

.inventory-skin__name[_ngcontent-ng-c1457698464], .inventory-skin__subname[_ngcontent-ng-c1457698464] {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inventory-skin[_ngcontent-ng-c1457698464]:after {
    content: "";
    position: absolute;
    inset: 0;
    border: .1rem solid transparent;
    border-color: transparent;
    border-radius: inherit;
    pointer-events: none;
    -webkit-transition: border-color .2s ease-out 0s;
    -moz-transition: border-color .2s ease-out 0s;
    transition: border-color .2s ease-out 0s;
}

cdk-virtual-scroll-viewport {
    display: block;
    position: relative;
    transform: translateZ(0);
}

.scroll_vertical {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #505E97 transparent;
    scrollbar-width: thin;
}
.scroll {
    scrollbar-color: #262f54 #3b4772;
    scrollbar-width: .3rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

.inventory-skin[_ngcontent-ng-c1457698464]:hover, .inventory-skin.is-selected[_ngcontent-ng-c1457698464] {
    background-image: linear-gradient(180deg, #465797c2, #5c6daec2);
}


.inventory-skin.is-selected[_ngcontent-ng-c1457698464]:after {
    border-color: #8fd17c59;
}

.inventory-skin.is-selected[_ngcontent-ng-c1457698464] .inventory-skin__desc[_ngcontent-ng-c1457698464] {
    width: 80%; 
}

.inventory-skin__bonuses[_ngcontent-ng-c1457698464], .inventory-skin__check[_ngcontent-ng-c1457698464] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    flex: none;
    width: 1.2rem;
    height: 1.2rem;
}

.inventory-skin__check[_ngcontent-ng-c1457698464]:before {
    content: "\eaee";
    color: #c2fda7;
}

.inventory-skin__bonuses[_ngcontent-ng-c1457698464]:before, .inventory-skin__check[_ngcontent-ng-c1457698464]:before {
    font-size: 1.2rem;
    font-family: icomoon;
}

@media (max-width: 991px) {
    [_nghost-ng-c2506783332] {
        position: fixed;
        width: 100vw;
        height: var(--vh, 92vh);
        max-height: none;
        min-height: auto;
        margin: 0;
        inset: 0;
		z-index: 200 !important;
    }
}



.new-inventory__scroll {
    scrollbar-color: rgb(44.4659090909,58.1477272727,106.0340909091) rgb(55.0136363636,71.9409090909,131.1863636364);
    scrollbar-width: .3rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

.new-inventory__scroll {
    flex: 1;
    mask-image: linear-gradient(0deg,#0000,#000 2rem 100%);
}



@media (hover: hover) {
    .new-inventory__scroll .cdk-virtual-scroll-content-wrapper {
        padding-right: 1.1rem;
    }
}


.new-inventory__scroll .cdk-virtual-scroll-content-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11.4rem, 1fr));
    align-content: flex-start;
    grid-gap: .4rem;
    width: 100%;
}

.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
    min-width: 100%;
}

.inventory-skin__exterior[_ngcontent-ng-c1457698464] {
    color: #bbb;
}

.inventory-skin__bonuses[_ngcontent-ng-c1457698464], .inventory-skin__check[_ngcontent-ng-c1457698464] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    flex: none;
    width: 1.2rem;
    height: 1.2rem;
}

.inventory-skin__check[_ngcontent-ng-c1457698464]:before {
    content: "\eaee";
    color: #c2fda7;
}


.switch.switch_stylish .switch__control:checked~.switch__slider:before {
    background-color: #81e478;
    transform: translate(1.2rem);
}
.switch .switch__control:checked~.switch__slider:before {
    background-color: #5adbb5;
    border-color: #5adbb5;
    -webkit-transform: translateX(1.6rem);
    transform: translate(1.6rem);
}
.switch.switch_stylish .switch__slider:before {
    top: .4rem;
    left: .4rem;
    border: 0;
    width: 1.2rem;
    height: 1.2rem;
    background: #cddbff;
    border-radius: .7rem;
}
.switch .switch__slider:before {
    content: "";
    position: absolute;
    top: .6rem;
    left: .6rem;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #353d65;
    border: 1px solid #353D65;
    border-radius: 5px;
    -webkit-transform: translateX(0);
    transform: translate(0);
    -webkit-transition: background-color .2s ease-out 0s, border-color .2s ease-out 0s, transform .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s,border-color .2s ease-out 0s,transform .2s ease-out 0s;
    transition: background-color .2s ease-out 0s, border-color .2s ease-out 0s, transform .2s ease-out 0s;
}






.cube {
  position: relative;
  overflow: hidden;
  opacity: 1 !important;
}

.cube::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(0 0 0);
    pointer-events: none;
    filter: brightness(0.55) saturate(0.75);
    opacity: 0.5;
}

.cube_win {
  position: relative;
  transition: transform 0.35s ease;
  transform: scaleY(1.05);
  transform-origin: bottom;
  z-index: 10;
  opacity: 1 !important;
}




.spinnerwrapper {
    position: relative;
    overflow: hidden;
    margin: 20px auto;
    max-width: 100%;
}

.spinnercontainer {
    display: flex;
    white-space: nowrap;
}



.spinner-item_red {
    background-color: #e74c3c;
}

.spinner-item_black {
    background-color: #2c3e50;
}

.spinner-item_green {
    background-color: #27ae60;
}



.loading {
    text-align: center;
    padding: 20px;
    color: #666;
}

.error {
    text-align: center;
    padding: 20px;
    color: #ff4444;
}

.empty-block {
    text-align: center;
    padding: 40px 20px;
}

.empty-block__title {
    color: #999;
    font-size: 16px;
}


@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

.fade-in-up {
    animation: fadeInUp 0.5s ease forwards;
}

.stagger-delay {
    opacity: 0;
}


.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }
.delay-6 { animation-delay: 0.6s; }
.delay-7 { animation-delay: 0.7s; }
.delay-8 { animation-delay: 0.8s; }
.delay-9 { animation-delay: 0.9s; }
.delay-10 { animation-delay: 1.0s; }


.double-color .double-color__scroll {
    scrollbar-color: #262f54 #3b4772;
    scrollbar-width: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

.double-color .double-color__scroll {
    height: 100%;
    mask-image: linear-gradient(0deg, #0000, #000 4rem 100%);
}

.cdk-virtual-scrollable {
    overflow: auto;
    will-change: scroll-position;
    contain: strict;
}