@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);

.footer {
    display: flex;
    margin: auto auto 0px;
    width: 100%;
    padding: 40px 25px 35px 25px;
    flex-wrap: wrap;
    position: relative;
    max-width: 1425px;
    transition: opacity 0.3s, filter 0.3s;
}

.footer--blurred {
    opacity: 0.3;
    filter: blur(6px);
}

@media (max-width: 1200px) {
    .footer {
        padding: 40px 15px 35px 15px;
    }
}

.footer__copyright {
    display: flex;
}

.footer__copyright-row {
    max-width: 390px;
    margin: 0 0 0 20px;
}

@media (max-width: 900px) {
    .footer__copyright-row {
        max-width: 300px;
    }
}

@media (max-width: 400px) {
    .footer__copyright-row {
        max-width: none;
        margin: 0;
    }
}

.footer__copyright-title {
    font-size: 15px;
    line-height: 18px;
    color: #c2c2cf;
}

@media (max-width: 1800px) {
    .footer__copyright-title {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width: 1600px) {
    .footer__copyright-title {
        font-size: 13px;
    }
}

@media (max-width: 1400px) {
    .footer__copyright-title {
        max-width: 220px;
    }
}

@media (max-width: 900px) {
    .footer__copyright-title {
        max-width: none;
        font-size: 11px;
        line-height: 13px;
    }
}

.footer__copyright-description {
    margin: 6px 0 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #737c8f;
}

@media (max-width: 1800px) {
    .footer__copyright-description {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (max-width: 1600px) {
    .footer__copyright-description {
        max-width: 250px;
        font-size: 11px;
        line-height: 16px;
    }
}

@media (max-width: 900px) {
    .footer__copyright-description {
        max-width: none;
        font-size: 10px;
        line-height: 16px;
        margin: 1px 0 0 0;
    }
}

.footer__logo {
    width: 56px;
    height: 56px;
    transition: opacity 0.3s;
    cursor: pointer;
    background: url("/assets/icons/new_logo_footer.svg") no-repeat;
    background-size: 100%;
    opacity: 0.75;
}

.footer__logo:hover {
    opacity: 1;
}

@media (max-width: 1800px) {
    .footer__logo {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 400px) {
    .footer__logo {
        display: none;
    }
}

.footer__list {
    margin: 0 0 0 180px;
}

@media (max-width: 1800px) {
    .footer__list {
        margin: 0 0 0 80px;
    }
}

@media (max-width: 1400px) {
    .footer__list {
        margin: 0 0 0 50px;
    }
}

@media (max-width: 900px) {
    .footer__list {
        width: calc(100% - 25px);
        margin: 12px 0 0 0;
        padding: 0 0 0 62px;
        display: flex;
    }
}

@media (max-width: 400px) {
    .footer__list {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 500px) {
    .footer__list {
        flex-direction: column;
    }
}

.footer__list-item+.footer__list-item {
    margin: 16px 0 0 0;
}

@media (max-width: 1600px) {
    .footer__list-item+.footer__list-item {
        margin: 8px 0 0 0;
    }
}

@media (max-width: 900px) {
    .footer__list-item+.footer__list-item {
        margin: 0 0 0 20px;
    }
}

@media screen and (max-width: 500px) {
    .footer__list-item+.footer__list-item {
        margin: 0;
    }
}

.footer__list-link {
    font-size: 14px;
    line-height: 17px;
    color: #c2c2cf;
    transition: color 0.3s;
}

.footer__list-link:hover {
    color: #fff;
}

@media (max-width: 1800px) {
    .footer__list-link {
        font-size: 13px;
        line-height: 15px;
    }
}

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

.footer__partners {
    height: 55px;
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}

@media (max-width: 1800px) {
    .footer__partners {
        height: 35px;
    }
}

@media (max-width: 900px) {
    .footer__partners {
        position: absolute;
        top: 30px;
        right: 15px;
    }
}

@media (max-width: 680px) {
    .footer__partners {
        margin: 12px 0 0 62px;
        position: static;
    }
}

@media (max-width: 400px) {
    .footer__partners {
        margin: 12px 0 0 0;
    }
}

.footer__partners-item {
    display: flex;
    align-self: baseline;
}

.footer__partners-item+.footer__partners-item {
    margin: 0 0 0 25px;
}

@media (max-width: 1600px) {
    .footer__partners-item+.footer__partners-item {
        margin: 0 0 0 10px;
    }
}

.footer__partners-link {
    transition: opacity 0.3s;
    background-size: 100%;
    background-repeat: no-repeat;
}

.footer__partners-link:hover {
    opacity: 0.75;
}

.footer__partners-link--visa {
    width: 70px;
    height: 32px;
    background-image: url("/assets/icons/visa.svg");
}

@media (max-width: 1800px) {
    .footer__partners-link--visa {
        width: 60px;
        height: 27px;
    }
}

@media (max-width: 599px) {
    .footer__partners-link--visa {
        width: 48px;
        height: 22px;
    }
}

.footer__partners-link--mastercard {
    width: 50px;
    height: 32px;
    background-image: url("/assets/icons/mastercard.svg");
}

@media (max-width: 1800px) {
    .footer__partners-link--mastercard {
        width: 44px;
        height: 28px;
    }
}

@media (max-width: 599px) {
    .footer__partners-link--mastercard {
        width: 34px;
        height: 22px;
    }
}

.footer__partners-link--crypto {
    width: 70px;
    height: 27px;
    background-image: url("/assets/icons/footer-crypto-svg.svg");
}

@media (max-width: 599px) {
    .footer__partners-link--crypto {
        width: 50px;
        height: 20px;
    }
}

.footer__partners-link--gc {
    width: 120px;
    height: 39px;
    background-image: url("/assets/icons/trustpilot.svg");
    background-size: contain;
}

.footer__partners-link--gc .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

@media (max-width: 1800px) {
    .footer__partners-link--gc {
        width: 100px;
        height: 33px;
    }
}

@media (max-width: 599px) {
    .footer__partners-link--gc {
        width: 74px;
        height: 24px;
    }
}

@keyframes slideLiveDrop {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0%);
    }
}

.livedrop {
    width: calc(100% - 50px);
    max-width: 1375px;
    display: flex;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
}

.livedrop::-webkit-scrollbar {
    width: 3px;
    height: 4px;
}

.livedrop::-webkit-scrollbar-thumb {
    background-color: #535b70;
    border-radius: 3px;
}

.livedrop * {
    scrollbar-color: #535b70 rgba(166, 171, 190, 0.5490196078);
    scrollbar-width: thin;
}

@media (min-width: 2200px) {
    .livedrop {
        margin: 20px auto 30px auto;
    }
}

@media (max-width: 1200px) {
    .livedrop {
        width: calc(100% - 30px);
    }
}

@media (max-width: 900px) {
    .livedrop {
        margin: 15px auto 15px auto;
    }
}

@media (max-width: 599px) {
    .livedrop {
        margin: 15px auto;
    }
}

.livedrop__empty {
    margin-top: 0px;
}

@media (min-width: 2200px) {
    .livedrop__empty {
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    .livedrop__empty {
        margin-top: 0px;
    }
}

@media (max-width: 900px) {
    .livedrop__empty {
        margin-top: 0px;
    }
}

@media (max-width: 599px) {
    .livedrop__empty {
        margin-top: 0px;
    }
}

.livedrop__hidden {
    display: none;
}

.livedrop__row {
    display: flex;
}

.livedrop__item,
.livedrop .skeleton__item {
    width: 260px;
    height: 72px;
    background: #171921;
    border-radius: 6px;
    overflow-x: clip;
    position: relative;
}

.livedrop__item+.livedrop__item,
.livedrop__item+.livedrop .skeleton__item,
.livedrop .skeleton__item+.livedrop__item,
.livedrop .skeleton__item+.livedrop .skeleton__item {
    margin: 0 0 0 8px;
}

@media (max-width: 1600px) {

    .livedrop__item,
    .livedrop .skeleton__item {
        width: 230px;
    }
}

@media (max-width: 900px) {

    .livedrop__item,
    .livedrop .skeleton__item {
        width: 218px;
        height: 60px;
    }
}

.livedrop .skeleton__item {
    margin-right: 8px;
}

.livedrop__top {
    width: 100%;
    height: 42px;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

@media (max-width: 900px) {
    .livedrop__top {
        width: 100%;
        height: 34px;
        padding: 0 8px;
    }
}

.livedrop__user {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.livedrop__username {
    font-weight: 500;
    font-size: 13px;
    color: #c1c1cc;
    margin: 0 0 0 9px;
    transition: color 0.3s;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.livedrop__prize {
    font-weight: 600;
    font-size: 12px;
    margin: 0 0 0 auto;
    padding: 0 0 0 15px;
    position: relative;
    line-height: 14px;
}

@media (max-width: 1600px) {
    .livedrop__prize {
        font-size: 10px;
    }
}

.livedrop__prize::before {
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    position: absolute;
    background-size: 100%;
    content: "";
}

@media (max-width: 1600px) {
    .livedrop__prize::before {
        width: 12px;
        height: 12px;
        top: 1px;
    }
}

.livedrop__prize--usd {
    color: #7ec76c;
}

.livedrop__prize--usd::before {
    background-image: url("/assets/icons/usd.svg");
}

.livedrop__prize--plg {
    color: #f46879;
    padding: 0 0 0 18px;
}

.livedrop__prize--plg::before {
    background-image: url("plg.19b187337aca3a7ba9a5.svg");
}

.livedrop__bottom {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    background: #1b1d26;
    position: relative;
    border-radius: 0px 0px 6px 6px;
}

@media (max-width: 900px) {
    .livedrop__bottom {
        width: 100%;
        height: 26px;
        padding: 0 8px;
    }
}

.livedrop__skin {
    display: flex;
    align-items: center;
}

.livedrop__skin-image {
    width: auto;
    height: 20px;
    margin: 0 8px 0 0;
}

.livedrop__skin-coef {
    color: #c1c1c1;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    bottom: 6px;
    right: 10px;
}

.livedrop__skin-title {
    color: #c1c1c1;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1600px) {
    .livedrop__skin-title {
        font-size: 10px;
    }
}

.livedrop__skin-title-gun {
    color: #828695;
}

.livedrop__skin-title-separator {
    color: #797984;
}

.livedrop__skin-title-code {
    font-weight: 600;
    color: #5c6276;
    font-size: 10px;
}

@media (max-width: 900px) {
    .livedrop__skin-title-code {
        font-size: 8px;
    }
}

.livedrop__skin-title-multiplier {
    color: #e4e4ef;
    font-weight: 600;
}

.livedrop__skin-title-rarity {
    color: #ff784a;
    font-weight: 600;
    font-size: 10px;
}

@media (max-width: 900px) {
    .livedrop__skin-title-rarity {
        font-size: 8px;
    }
}

.livedrop__skin:hover .livedrop__game {
    filter: brightness(5);
}

.livedrop__game {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: filter 0.3s;
}

.livedrop__game--roulette {
    background-image: url("roulette.64f552fb408d9b7ec1b3.svg");
}

.livedrop__game--slots {
    background-image: url("slots.9fe65ba19544334af213.svg");
}

.livedrop__game--dice {
    background-image: url("/assets/icons/dice.svg");
}

.livedrop__game--coinflip {
    background-image: url("coinflip.7f87db1c9981f4195452.svg");
}

.livedrop__game--crash {
    background-image: url("crash.34dfbf2e64ec997472e2.svg");
}

.livedrop__game--bets {
    background-image: url("bets.69a0ce06d211794cf200.svg");
}

.main-loader-wrap {
    width: calc(100% - 50px);
    height: calc(100vh - 130px);
    background-color: #151921;
    margin: 0px auto;
    border-radius: 6px;
    border: 1px dotted #242835;
    max-width: 1365px;
}

.main-loader-wrap__full {
    margin: 0px;
}

@media (max-width: 1200px) {
    .main-loader-wrap__full {
        width: 100%;
    }
}

@media (max-width: 1400px) {
    .main-loader-wrap {
        max-width: 1375px;
    }
}

@media (max-width: 1800px) {
    .main-loader-wrap {
        height: calc(100vh - 120px);
    }
}

@media (max-width: 1200px) {
    .main-loader-wrap {
        height: calc(100vh - 186px);
        margin: 0px auto;
        width: calc(100% - 30px);
    }
}

@media (max-width: 900px) {
    .main-loader-wrap {
        height: calc(100vh - 170px);
    }
}

.main-loader-wrap__global {
    width: 100%;
    height: 100%;
    margin: 0px;
    max-width: none;
}

.main-loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    top: 45%;
    left: 50%;
    transform: translate(-45%, -50%);
}

.main-loader__text {
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    width: 150px;
    color: #e2e2eb;
    position: absolute;
    left: -35%;
    top: 130%;
}

.main-loader-star {
    position: absolute;
    top: calc(50% - 12px);
}

.main-loader-1 .main-loader-outter {
    position: absolute;
    border: 4px solid #f56e60;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: main-loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.main-loader-1 .main-loader-inner {
    position: absolute;
    border: 4px solid #f56e60;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: rgba(0, 0, 0, 0);
    animation: main-loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.main-loader-2 .main-loader-star {
    position: static;
    width: 60px;
    height: 60px;
    transform: scale(0.7);
    animation: main-loader-2-star 1s ease alternate infinite;
}

.main-loader-2 .main-loader-circles {
    width: 8px;
    height: 8px;
    background: #f56e60;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 4px);
    top: calc(50% - 4px);
    transition: all 1s ease;
    animation: main-loader-2-circles 1s ease-in-out alternate infinite;
}

.main-loader-3 .dot {
    width: 10px;
    height: 10px;
    background: #f56e60;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 5px);
}

.main-loader-3 .dot1 {
    left: 0px;
    animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.main-loader-3 .dot2 {
    left: 20px;
    animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.main-loader-3 .dot3 {
    left: 40px;
    animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.main-loader-4 {
    border: 7px double #ff5722;
    animation: ball-turn 1s linear infinite;
}

.main-loader-4:before,
.main-loader-4:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #ff5722;
    border-radius: 50%;
    bottom: 0;
    right: 37px;
}

.main-loader-4:after {
    left: 37px;
    top: 0;
}

.main-loader-5 {
    border: 8px dotted #ff0;
    transition: all 1s ease;
    animation: dotted-spin 1s linear infinite;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 0, 0.3);
    border-left-width: 2px;
    border-left-color: rgba(255, 255, 0, 0.5);
    border-top-width: 3px;
    border-right-width: 4px;
    border-top-color: rgba(255, 255, 0, 0.7);
}

.main-loader-5 .main-loader-pacman,
.main-loader-pacman {
    position: absolute;
    top: 40px;
    left: 25px;
    width: 0px;
    height: 0px;
    border-right: 12px solid rgba(0, 0, 0, 0);
    border-top: 12px solid #ff0;
    border-left: 12px solid #ff0;
    border-bottom: 12px solid #ff0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.main-loader-6 {
    border: 6px groove #7e57c2;
    transform: rotate(360deg);
    transition: all 1s ease;
    animation: main-loader-1-inner 1s ease-out alternate infinite;
}

.main-loader-6 .main-loader-inner {
    border: 0px inset #9575cd;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: border-zoom 1s ease-out alternate infinite;
}

.main-loader-7 .line {
    width: 8px;
    position: absolute;
    border-radius: 5px;
    bottom: 0;
    background: linear-gradient(to bottom, #1ee95d, #5714ce);
}

.main-loader-7 .line1 {
    left: 0;
    animation: line-grow 0.5s ease alternate infinite;
}

.main-loader-7 .line2 {
    left: 20px;
    animation: line-grow 0.5s 0.2s ease alternate infinite;
}

.main-loader-7 .line3 {
    left: 40px;
    animation: line-grow 0.5s 0.4s ease alternate infinite;
}

.main-loader-8 .star1 {
    animation: star-jump 0.5s ease-out alternate infinite;
}

.main-loader-8 .star2 {
    animation: star-jump 0.5s 0.25s ease-out alternate infinite;
}

.main-loader-8 .star3 {
    animation: star-jump 0.5s 0.5s ease-out alternate infinite;
}

.main-loader-8 .main-loader-star {
    transform: scale3d(0.7, 0.7, 0.7);
}

.main-loader-8 .star1 {
    left: 0px;
}

.main-loader-8 .star2 {
    left: 25px;
}

.main-loader-8 .star3 {
    left: 50px;
}

.main-loader-9 .star1 {
    animation: stars-pulse 1s ease-in-out infinite;
    left: 0;
}

.main-loader-9 .star2 {
    animation: stars-pulse 1s 0.2s ease-in-out infinite;
    left: 25px;
}

.main-loader-9 .star3 {
    animation: stars-pulse 1s 0.4s ease-in-out infinite;
    left: 50px;
}

.main-loader-10 {
    width: auto;
    height: auto;
    animation: star-pulse 2s ease-in-out infinite;
}

.main-loader-10 .main-loader-star {
    position: static;
}

.main-loader-11 {
    animation: stars-rotate 2s linear infinite;
}

.main-loader-11 .main-loader-star {
    position: absolute;
}

.main-loader-11 .star1 {
    top: 0px;
    left: -7px;
}

.main-loader-11 .star2 {
    left: 8px;
    top: -12px;
    position: absolute;
    transform: scale(0.8);
    opacity: 0.9;
}

.main-loader-11 .star3 {
    left: 26px;
    top: -11px;
    position: absolute;
    transform: scale(0.7);
    opacity: 0.8;
}

.main-loader-11 .star4 {
    left: 39px;
    top: -2px;
    position: absolute;
    transform: scale(0.6);
    opacity: 0.7;
}

.main-loader-11 .star5 {
    left: 44px;
    top: 10px;
    position: absolute;
    transform: scale(0.5);
    opacity: 0.6;
}

.main-loader-11 .star6 {
    left: 45px;
    top: 21px;
    position: absolute;
    transform: scale(0.4);
    opacity: 0.5;
}

.main-loader-12 {
    animation: stars-rotate-reverse 2s ease infinite;
}

.main-loader-12 polygon {
    fill: #d500f9 !important;
}

.main-loader-12 .main-loader-star {
    position: absolute;
}

.main-loader-12 .star1 {
    top: 0px;
    right: -7px;
}

.main-loader-12 .star2 {
    right: 9px;
    top: -12px;
    position: absolute;
    transform: scale(0.8);
    animation: stars-catch 2s 0.1s ease infinite;
}

.main-loader-12 .star3 {
    right: 27px;
    top: -11px;
    position: absolute;
    transform: scale(0.7);
    animation: stars-catch 2s 0.15s ease infinite;
}

.main-loader-12 .star4 {
    right: 41px;
    top: -2px;
    position: absolute;
    transform: scale(0.6);
    animation: stars-catch 2s 0.2s ease infinite;
}

.main-loader-12 .star5 {
    right: 47px;
    top: 10px;
    position: absolute;
    transform: scale(0.5);
    animation: stars-catch 2s 0.25s ease infinite;
}

.main-loader-12 .star6 {
    right: 47px;
    top: 21px;
    position: absolute;
    transform: scale(0.4);
    animation: stars-catch 2s 0.3s ease infinite;
}

.main-loader-13 .css-heart {
    position: absolute;
    animation: star-fly-out 1s ease alternate infinite;
    transform: scale(0.2);
}

.main-loader-13 .heart1 {
    top: 0;
    left: 30px;
}

.main-loader-13 .heart2 {
    left: 60px;
    top: 30px;
}

.main-loader-13 .heart3 {
    top: 60px;
    left: 30px;
}

.main-loader-13 .heart4 {
    left: 0;
    top: 30px;
}

.main-loader-14 .main-loader-star {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
}

.star-small {
    animation: star-small-pulse 1s ease-in-out alternate infinite;
}

.main-loader-14 .star-big {
    animation: star-big-pulse 2s -0.2s ease-in-out infinite;
}

.main-loader-15 {
    border: 2px dotted #e11a2b;
    animation: stars-rotate-reverse 2s linear both infinite;
}

.main-loader-15 .main-loader-star {
    transform: scale(1.5);
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 13px);
}

.css-star {
    margin: 10px 0;
    position: relative;
    display: block;
    width: 0px;
    height: 0px;
    border-right: 26px solid rgba(0, 0, 0, 0);
    border-bottom: 23px solid #e11a2b;
    border-left: 23px solid rgba(0, 0, 0, 0);
    transform: rotate(180deg);
}

.css-star:before {
    border-bottom: 18px solid #e11a2b;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    position: absolute;
    height: 0;
    width: 0;
    top: -9px;
    left: -16px;
    display: block;
    content: "";
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
}

.css-star:after {
    position: absolute;
    display: block;
    top: 2px;
    left: -26px;
    width: 0px;
    height: 0px;
    border-right: 25px solid rgba(0, 0, 0, 0);
    border-bottom: 22px solid #e11a2b;
    border-left: 27px solid rgba(0, 0, 0, 0);
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    content: "";
}

.main-loader-16 .css-star {
    position: absolute;
    transform: rotate(180deg) scale(0.35);
}

.main-loader-16 .star1 {
    top: -20px;
    left: 5px;
    animation: star-flicker 1s 0.1s linear infinite;
}

.main-loader-16 .star2 {
    left: 25px;
    top: -10px;
    animation: star-flicker 1s 0.25s linear infinite;
}

.main-loader-16 .star3 {
    left: 35px;
    top: 10px;
    animation: star-flicker 1s 0.5s linear infinite;
}

.main-loader-16 .star4 {
    top: 30px;
    left: 27px;
    animation: star-flicker 1s 0.6s linear infinite;
}

.main-loader-16 .star5 {
    top: 40px;
    left: 5px;
    animation: star-flicker 1s 0.7s linear infinite;
}

.main-loader-16 .star6 {
    top: 30px;
    left: -15px;
    animation: star-flicker 1s 0.8s linear infinite;
}

.main-loader-16 .star7 {
    top: 10px;
    left: -25px;
    animation: star-flicker 1s 0.9s linear infinite;
}

.main-loader-16 .star8 {
    top: -10px;
    left: -15px;
    animation: star-flicker 1s 1s linear infinite;
}

.main-loader-17 .css-square {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 7px;
    background: #fff;
    box-shadow: 2px 2px 3px 0px #000;
}

.main-loader-17 .square1 {
    left: 70px;
    animation: dominos 1s 0.125s ease infinite;
}

.main-loader-17 .square2 {
    left: 60px;
    animation: dominos 1s 0.3s ease infinite;
}

.main-loader-17 .square3 {
    left: 50px;
    animation: dominos 1s 0.425s ease infinite;
}

.main-loader-17 .square4 {
    left: 40px;
    animation: dominos 1s 0.54s ease infinite;
}

.main-loader-17 .square5 {
    left: 30px;
    animation: dominos 1s 0.665s ease infinite;
}

.main-loader-17 .square6 {
    left: 20px;
    animation: dominos 1s 0.79s ease infinite;
}

.main-loader-17 .square7 {
    left: 10px;
    animation: dominos 1s 0.9s ease infinite;
}

.main-loader-17 .square8 {
    left: 0px;
    animation: dominos 1s 1s ease infinite;
}

.main-loader-18 .css-star {
    position: absolute;
    transform: rotate(180deg) scale(0.5);
    opacity: 0.4;
}

.main-loader-18 .css-star,
.main-loader-18 .css-star:before,
.main-loader-18 .css-star:after {
    border-bottom-color: #f56e60;
}

.main-loader-18 .star1 {
    top: -20px;
    left: 5px;
    animation: star-crazyness 1s 0.125s ease infinite;
}

.main-loader-18 .star2 {
    left: 25px;
    top: -10px;
    animation: star-crazyness 1s 0.3s ease infinite;
}

.main-loader-18 .star3 {
    left: 35px;
    top: 10px;
    animation: star-crazyness 1s 0.425s ease infinite;
}

.main-loader-18 .star4 {
    top: 30px;
    left: 27px;
    animation: star-crazyness 1s 0.54s ease infinite;
}

.main-loader-18 .star5 {
    top: 40px;
    left: 5px;
    animation: star-crazyness 1s 0.665s ease infinite;
}

.main-loader-18 .star6 {
    top: 30px;
    left: -15px;
    animation: star-crazyness 1s 0.79s ease infinite;
}

.main-loader-18 .star7 {
    top: 10px;
    left: -25px;
    animation: star-crazyness 1s 0.9s ease infinite;
}

.main-loader-18 .star8 {
    top: -10px;
    left: -15px;
    animation: star-crazyness 1s 1s ease infinite;
}

.main-loader-19 .css-star {
    position: absolute;
    transform: rotate(180deg) scale(0.5);
}

.main-loader-19 .star1 {
    left: 0;
    animation: star-crawl 1s ease-out alternate infinite;
}

.main-loader-19 .star2 {
    left: 22px;
    transform: rotate(180deg) scale(0.45);
    animation: star-crawl 1s 0.1s ease-out alternate infinite;
}

.main-loader-19 .star3 {
    left: 44px;
    transform: rotate(180deg) scale(0.4);
    animation: star-crawl 1s 0.2s ease-out alternate infinite;
}

.main-loader-19 .star4 {
    left: 66px;
    transform: rotate(180deg) scale(0.35);
    animation: star-crawl 1s 0.3s ease-out alternate infinite;
}

.main-loader-19 .star5 {
    left: 88px;
    transform: rotate(180deg) scale(0.3);
    animation: star-crawl 1s 0.4s ease-out alternate infinite;
}

.main-loader-19 .star6 {
    left: 110px;
    transform: rotate(180deg) scale(0.25);
    animation: star-crawl 1s 0.5s ease-out alternate infinite;
}

.main-loader-19 .star7 {
    left: 132px;
    transform: rotate(180deg) scale(0.2);
    animation: star-crawl 1s 0.6s ease-out alternate infinite;
}

.main-loader-19 .star8 {
    left: 154px;
    transform: rotate(180deg) scale(0.15);
    animation: star-crawl 1s 0.7s ease-out alternate infinite;
}

.main-loader-20 {
    width: 70px;
    height: 70px;
    border: 3px dashed #d3d3d3;
    animation: stars-rotate-reverse 2s linear both infinite;
}

.main-loader-20 .css-diamond {
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    transform: scale(0.3);
    transform-origin: 50% 100%;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
}

.main-loader-20 .css-diamond:after {
    border-color: #d3d3d3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.css-diamond {
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ce93d8 rgba(0, 0, 0, 0);
    border-width: 0 25px 25px 25px;
    height: 0;
    width: 100px;
    position: relative;
    margin: 20px 0 50px 0;
}

.css-diamond:after {
    content: "";
    position: absolute;
    top: 25px;
    left: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #ce93d8 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 70px 50px 0 50px;
}

.css-heart {
    position: absolute;
}

.css-heart:before,
.css-heart:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: #950d0d;
    border-radius: 50px 50px 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 100%;
}

.css-heart:after {
    left: 0;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

.css-times {
    position: absolute;
    width: 100px;
    height: 90px;
}

.css-times:before,
.css-times:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 2px;
    height: 65px;
    background: red;
    border-radius: 50px 50px 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 100%;
    animation: times-background 1s ease-in-out infinite;
}

.css-times:after {
    left: 0;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

.main-loader-21 {
    width: 100px;
}

.main-loader-21 .times1 {
    animation: times-pulse 1s ease-in-out infinite;
    left: 0;
}

.main-loader-21 .times2 {
    animation: times-pulse 1s 0.2s ease-in-out infinite;
    left: 25px;
}

.main-loader-21 .times3 {
    animation: times-pulse 1s 0.4s ease-in-out infinite;
    left: 50px;
}

.css-flower {
    position: absolute;
    background: green;
    width: 35px;
    height: 35px;
    position: relative;
    text-align: center;
    transform: rotate(20deg);
    border-radius: 40%;
    border-top: 4px solid #ababa9;
}

.css-flower:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    height: 10px;
    width: 20px;
    background: green;
    transform: rotate(135deg);
    border-radius: 10px;
}

.main-loader-22 .css-flower {
    position: absolute;
    transform: rotate(180deg) scale(0.5);
}

.main-loader-22 .flower1 {
    left: 0;
    animation: caterpillarCrawl 1s ease-out alternate infinite;
    width: 45px;
    height: 45px;
    top: -10px;
    background: #066c06;
    z-index: 2;
}

.main-loader-22 .flower1:before {
    dissplay: none;
}

.main-loader-22 .flower2 {
    left: 10px;
    transform: rotate(180deg) scale(0.45);
    animation: caterpillarCrawl 1s 0.1s ease-out alternate infinite;
}

.main-loader-22 .flower3 {
    left: 20px;
    transform: rotate(180deg) scale(0.4);
    animation: caterpillarCrawl 1s 0.2s ease-out alternate infinite;
}

.main-loader-22 .flower4 {
    left: 30px;
    transform: rotate(180deg) scale(0.35);
    animation: caterpillarCrawl 1s 0.3s ease-out alternate infinite;
}

.main-loader-22 .flower5 {
    left: 40px;
    transform: rotate(180deg) scale(0.3);
    animation: caterpillarCrawl 1s 0.4s ease-out alternate infinite;
}

.main-loader-22 .flower6 {
    left: 50px;
    transform: rotate(180deg) scale(0.25);
    animation: caterpillarCrawl 1s 0.5s ease-out alternate infinite;
}

@keyframes main-loader-1-outter {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes main-loader-1-inner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes main-loader-2-circles {
    0% {
        box-shadow: 0 0 0 #f56e60;
        opacity: 1;
        transform: rotate(0deg);
    }

    50% {
        box-shadow: 24px -22px #f56e60, 30px -15px 0 -3px #f56e60,
            31px 0px #f56e60, 29px 9px 0 -3px #f56e60, 24px 23px #f56e60,
            17px 30px 0 -3px #f56e60, 0px 33px #f56e60,
            -10px 28px 0 -3px #f56e60, -24px 22px #f56e60,
            -29px 14px 0 -3px #f56e60, -31px -3px #f56e60,
            -30px -11px 0 -3px #f56e60, -20px -25px #f56e60,
            -12px -30px 0 -3px #f56e60, 5px -29px #f56e60,
            13px -25px 0 -3px #f56e60;
        transform: rotate(180deg);
    }

    100% {
        opacity: 0;
        transform: rotate(360deg);
        box-shadow: 25px -22px #f56e60, 15px -22px 0 -3px #000, 31px 2px #f56e60,
            21px 2px 0 -3px #000, 23px 25px #f56e60, 13px 25px 0 -3px #000,
            0px 33px #f56e60, -10px 33px 0 -3px #000, -26px 24px #f56e60,
            -19px 17px 0 -3px #000, -32px 0px #f56e60, -23px 0px 0 -3px #000,
            -25px -23px #f56e60, -16px -23px 0 -3px #000, 0px -31px #f56e60,
            -2px -23px 0 -3px #000;
    }
}

@keyframes main-loader-2-star {
    0% {
        transform: scale(0) rotate(0deg);
    }

    100% {
        transform: scale(0.7) rotate(360deg);
    }
}

@keyframes dot-jump {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-15px);
    }
}

@keyframes ball-turn {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes dotted-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes hike {
    0% {
        transform: translate(0);
    }

    25% {
        transform: translate(20px, -20px);
    }

    50% {
        transform: translate(40px, 0px);
    }

    75% {
        transform: translate(60px, -20px);
    }

    100% {
        transform: translate(80px, 0px);
    }
}

@keyframes border-zoom {
    0% {
        border-width: 0px;
    }

    100% {
        border-width: 10px;
    }
}

@keyframes line-grow {
    0% {
        height: 0;
    }

    100% {
        height: 75%;
    }
}

@keyframes star-jump {
    0% {
        transform: translateY(0) scale(0.7);
    }

    100% {
        transform: translateY(-15px) scale(1);
    }
}

@keyframes stars-pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    80% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes times-pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    60% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes times-background {

    0%,
    100% {
        background: #8a2be2;
    }

    60% {
        background: #ff3d00;
    }
}

@keyframes star-pulse {

    0%,
    100% {
        transform: scale(0) rotate(0deg);
        opacity: 0.5;
    }

    25% {
        transform: scale(1) rotate(0deg);
    }

    50% {
        transform: scale(2) rotate(0deg);
        opacity: 1;
    }

    75% {
        transform: scale(1.5) rotate(90deg);
    }
}

@keyframes stars-rotate {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-90deg);
    }

    50% {
        transform: rotate(-180deg);
    }

    75% {
        transform: rotate(-270deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes stars-rotate-reverse {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes stars-catch {
    75% {
        top: -2px;
        right: -11px;
        opacity: 0;
    }
}

@keyframes star-fly-out {
    0% {
        top: 19px;
        left: 19px;
    }
}

@keyframes star-cube {

    0%,
    100% {
        transform: translate(0px, 0);
    }

    25% {
        transform: translate(60px);
    }

    50% {
        transform: translate(60px, 60px);
    }

    75% {
        transform: translate(0px, 60px);
    }
}

@keyframes star-big-pulse {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(5);
        opacity: 0;
    }
}

@keyframes star-small-pulse {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(2);
    }
}

@keyframes star-flicker {
    0% {
        transform: rotate(180deg) scale(0.35);
    }

    50% {
        transform: rotate(180deg) scale(0.1);
    }

    100% {
        transform: rotate(180deg) scale(0.35);
    }
}

@keyframes star-catcher {
    0% {
        opacity: 0.5;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.5;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

@keyframes dominos {
    50% {
        opacity: 0.7;
    }

    75% {
        transform: rotate(90deg);
    }

    80% {
        opacity: 1;
    }
}

@keyframes star-crazyness {
    0% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0px, 0) scale(0.6);
    }

    25% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.2);
    }

    50% {
        opacity: 0.7;
        transform: rotate(180deg) translate(5px, 5px) scale(0.4);
    }

    75% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }

    80% {
        opacity: 1;
        transform: rotate(180deg) translate(5px, 0) scale(0.1);
    }

    100% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }
}

@keyframes star-crawl {
    0% {
        transform: rotate(180deg) translateY(0) scale(0.2);
    }

    20% {
        transform: rotate(180deg) translateY(0) scale(0.3);
    }

    40% {
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    60% {
        transform: rotate(90deg) translateY(0) scale(0.4);
    }

    80% {
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    100% {
        transform: rotate(180deg) translateY(25px) scale(0.2);
    }
}

@keyframes caterpillarCrawl {
    0% {
        transform: rotate(180deg) translateY(0) scale(0.3);
    }

    20% {
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    40% {
        transform: rotate(180deg) translateY(0) scale(0.5);
    }

    60% {
        transform: rotate(90deg) translateY(0) scale(0.5);
    }

    80% {
        transform: rotate(180deg) translateY(0) scale(0.5);
    }

    100% {
        transform: rotate(180deg) translateY(25px) scale(0.3);
    }
}

.auth-menu {
    margin-left: auto;
    gap: 8px;
    display: flex;
}

.auth-menu__login-methods {
    display: flex;
    gap: 9px;
}

.auth-menu__forget {
    text-align: right;
    cursor: pointer;
    font-size: 12px;
    color: #1381dc;
}

.auth-menu__login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 24px 30px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 15px;
    color: #fdf8ff;
    width: calc((100% - 9px) / 2);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.auth-menu__login-btn svg {
    min-width: 32px;
    height: 32px;
}

.auth-menu__change-pass {
    display: flex;
    gap: 6px;
}

.auth-menu__changes .ant-input-disabled {
    color: #fff;
}

.auth-menu__changes .payment-form__row {
    padding: 0px;
}

.auth-menu__changes .payment-form__wallet {
    background-color: #111319;
}

.auth-menu__join,
.auth-menu__login {
    padding: 14px 18px;
    border: none;
    outline: none;
    border-radius: 6px;
    display: flex;
    align-items: center;
    font-weight: 800;
    font-size: 15px;
}

@media (max-height: 850px) and (min-width: 1201px) {

    .auth-menu__join,
    .auth-menu__login {
        padding: 10px 14px;
    }
}

@media (max-width: 1200px) {

    .auth-menu__join,
    .auth-menu__login {
        padding: 8px 10px;
        font-size: 12px;
        margin-right: 15px;
    }
}

@media (max-width: 900px) {

    .auth-menu__join,
    .auth-menu__login {
        padding: 6px 8px;
        font-weight: 600;
    }
}

@media (max-width: 599px) {

    .auth-menu__join,
    .auth-menu__login {
        padding: 2px 8px;
    }
}

.auth-menu__join {
    background-color: #e65647;
}

.auth-menu__join svg {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.auth-menu__join:hover svg {
    transform: rotate(360deg);
}

.auth-menu__steam {
    background: linear-gradient(178.72deg, #1f212e 1.24%, #262837 118.62%);
}

.auth-menu__steam svg path {
    transition: fill 0.2s ease;
}

.auth-menu__steam:hover {
    color: #fdf8ff;
    background: linear-gradient(178.72deg, #262837 1.24%, #2e3041 118.62%);
}

.auth-menu__steam:hover svg path {
    transition: fill 0.2s ease;
    fill: #fdf8ff;
}

.auth-menu__vk {
    background: linear-gradient(178.72deg, #26324a 1.24%, #314b6a 80.71%);
}

.auth-menu__vk:hover {
    color: #fdf8ff;
    background: linear-gradient(178.72deg, #2b3853 1.24%, #395576 80.71%);
}

.auth-menu__vk:hover svg path {
    transition: fill 0.2s ease;
    fill: #fdf8ff;
}

.auth-menu__login-form {
    margin-top: 13px;
}

.auth-menu__login-form-create .auth-menu__actions-create {
    margin-top: 15px;
}

.auth-menu__default-recaptcha {
    width: 400px;
    height: 100px;
}

.auth-menu__actions {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 6px;
}

.auth-menu__actions-login,
.auth-menu__actions-create {
    width: 100%;
    padding: 20px;
    color: #3e2f19;
    line-height: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border: none;
    outline: none;
    display: block;
    height: auto;
    border-radius: 6px;
}

.auth-menu__actions-login {
    background-color: #f1bc6c;
}

.auth-menu__actions-login:hover:not([disabled]) {
    background-color: rgba(241, 188, 108, 0.9) !important;
}

.auth-menu__actions-create {
    background-color: #f5705e;
    margin-inline-start: 0px;
}

.auth-menu__actions-create:hover:not([disabled]) {
    background-color: rgba(245, 112, 94, 0.9) !important;
}

.login-button {
    background: linear-gradient(#1f212e, #262837);
    color: #fdf8ff;
    border-radius: 6px;
    font-weight: 800;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 13px 28px 13px 25px;
    gap: 6px;
}

.login-button svg {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.login-button:hover svg {
    transform: rotate(360deg);
}

.navbar__button {
    position: relative;
    width: 42px;
    height: 42px;
    background-color: #1a1e28;
    border-radius: 6px;
    display: flex;
    margin-left: 3px;
    padding: 0;
}

@media (max-width: 1600px) {
    .navbar__button {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 900px) {
    .navbar__button {
        position: absolute;
        top: 16px;
        left: 66px;
    }
}

.navbar__button__hamburger {
    display: block;
    position: absolute;
    top: 53%;
    right: 47%;
    transform: translate(50%, -50%);
    width: 18px;
    height: 16px;
    cursor: pointer;
    z-index: 5;
}

.navbar__button__hamburger span {
    transition: all 0.3s ease 0s;
    top: 6px;
    left: 0px;
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #4d4959;
}

.navbar__button__hamburger span:first-child {
    width: 12px;
    top: 0px;
}

.navbar__button__hamburger span:last-child {
    top: auto;
    bottom: 2px;
    width: 8px;
}

.navbar__button__hamburger.active span {
    transform: scale(0);
}

.navbar__button__hamburger.active span:first-child {
    transform: rotate(-45deg);
    top: 5px;
    width: 15px;
}

.navbar__button__hamburger.active span:last-child {
    transform: rotate(45deg);
    bottom: 9px;
    width: 15px;
}

.navbar__button__hamburger--categories.__hamburger--is-active .hamburger__line:nth-child(1) {
    width: 14px !important;
    transform: translateY(8px) translateX(0px);
}

.navbar__button__hamburger--categories.__hamburger--is-active .hamburger__line:nth-child(3) {
    width: 14px;
    transform: translateY(-2px) translateX(0px) rotate(90deg);
}

.navbar__wrap {
    width: 216px;
    position: fixed;
    top: 90px;
    right: -70px;
    z-index: 5000;
    background: #161a22;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-radius: 6px;
    transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}

.navbar__wrap--opened {
    opacity: 1;
    visibility: visible;
    transform: translateX(-80px);
    z-index: 9000;
}

@media (max-width: 599px) {
    .navbar__wrap {
        width: 228px;
    }
}

@media (max-width: 1800px) {
    .navbar__wrap {
        top: 80px;
    }
}

@media (max-width: 900px) {
    .navbar__wrap {
        top: 64px;
        right: 0;
        left: -70px;
    }

    .navbar__wrap--opened {
        transform: translateX(80px);
    }
}

.navbar__list {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.navbar__item {
    width: 100%;
}

.navbar__link {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    background-color: #1c202a;
    color: #c1c1cc;
    padding: 8px 10px 8px 41px;
    display: flex;
    align-items: center;
    position: relative;
    transition: color 0.3s, background 0.3s;
}

.navbar__link:hover {
    color: #dfdfe4;
    background: #242834;
}

.navbar__link::before {
    width: 24px;
    height: 24px;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
}

.navbar__link--bonuses::before {
    background-image: url("bonuses.61dd60c4acca58546e7c.svg");
}

.navbar__link--affiliates::before {
    background-image: url("navaffiliates.8b64e65986b005079610.svg");
}

.navbar__link--bet-history::before {
    background-image: url("bet-history.37f6aa4d242354415145.svg");
}

.navbar__link--jack-history::before {
    background-image: url("jackpot-history.4f9e06053b063cfa2d6f.svg");
}

.navbar__link--trade-history::before {
    background-image: url("trade-history.4c77bf9185a45eff0ba2.svg");
}

.navbar__link--transfer::before {
    background-image: url("transfer.1287e0f35afb4a9bbd55.svg");
}

.navbar__link.active {
    border-bottom: 2px solid #fc7167;
}

.main-setting__actions {
    display: flex;
    width: 100%;
    gap: 8px;
}

.main-setting__actions_save,
.main-setting__actions_cancel {
    width: calc(50% - 4px);
    padding: 20px;
    color: #3e2f19;
    line-height: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border: none;
    outline: none;
    display: block;
    height: auto;
    border-radius: 6px;
}

.main-setting__actions_save {
    background-color: #f1bc6c;
}

.main-setting__actions_save:hover:not([disabled]) {
    background-color: rgba(241, 188, 108, 0.9) !important;
}

.main-setting__actions_cancel {
    background-color: #1f212e;
    color: #a1a3ae;
    margin-inline-start: 0px;
}

.main-setting__actions_cancel:hover:not([disabled]) {
    color: #cfd2e1 !important;
    background-color: #252836 !important;
}

.main-setting__list {
    margin: 17px 0 0 0;
}

.main-setting-item {
    background: #1a1c25;
    border-radius: 8px;
    height: 51px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    transition: all 0.3s ease;
    cursor: pointer;
}

@media (max-width: 1800px) {
    .main-setting-item {
        font-size: 13px;
        height: 56px;
    }
}

@media (max-width: 1200px) {
    .main-setting-item {
        padding: 0 15px;
        height: 50px;
    }
}

@media (max-width: 599px) {
    .main-setting-item {
        font-size: 11px;
        line-height: 14px;
    }
}

.main-setting-item+.main-setting-item {
    margin: 3px 0 0 0;
}

.main-setting-item:hover {
    background-color: #202330;
}

.main-setting-item-title {
    color: #8c909d;
    padding: 0 0 0 33px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}

.main-setting-item-title::before {
    width: 22px;
    height: 22px;
    content: "";
    background: #252836;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.main-setting-item--done .main-setting-item-title::before {
    background: #252836 url("/assets/icons/setting-check.svg") 50% no-repeat;
}

@media (max-width: 1200px) {
    .main-setting-item-title {
        padding: 0 0 0 28px;
    }

    .main-setting-item-title::before {
        width: 18px;
        height: 18px;
    }
}

.main-setting-item-prize {
    color: #bee197;
    margin: 0 0 0 auto;
}

.referral__tasks-item--done .main-setting-item-prize {
    color: #ff8271;
}

.main-setting__display {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #8c909d;
    font-weight: 500;
    font-size: 15px;
}

.main-setting__input.input-error {
    border-color: #ff4d4f !important;
}

.main-setting__input:focus {
    background-color: #13151d;
}

.main-setting__nick-wrap {
    height: 120px;
    margin-bottom: 15px;
}

.main-setting__nick-wrap .error-message {
    color: #ff4d4f;
    font-size: 12px;
    margin-top: 5px;
}

@keyframes exitMoving {
    50% {
        transform: translateX(2px);
    }

    100% {
        transform: translateX(0);
    }
}

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

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

.user__link {
    font-size: 16px;
    color: #c1c1cc;
    display: flex;
    align-items: center;
    transition: color 0.3s;
}

.user__link:hover {
    color: #fff;
}

@media (max-width: 1800px) {
    .user__link {
        font-size: 14px;
    }
}

.user__name {
    margin: 0 19px 0 0;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

@media screen and (max-width: 1440px) {
    .user__name {
        display: none;
    }
}

.user__balance {
    margin: 0 0 0 8px;
    display: flex;
    align-items: center;
}

.user__balance-item {
    transition: transform 0.05s, opacity 0.2s;
}

.user__balance-item--animation {
    transform: scale(0.5) translateX(10px);
    opacity: 0.2;
}

.user__balance-current {
    height: 42px;
    background: #20232f;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    padding: 0 9px 0 9px;
}

@media (max-width: 1800px) {
    .user__balance-current {
        font-size: 12px;
    }
}

@media (max-width: 1600px) {
    .user__balance-current {
        height: 34px;
    }
}

@media (max-width: 380px) {
    .user__balance-current {
        padding: 0 20px 0 7px;
        font-size: 10px;
    }
}

.user__balance-currency {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.user__balance-currency::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.user__balance-currency--usd {
    color: #7ec76c;
    padding: 0 0 0 20px;
}

@media (max-width: 380px) {
    .user__balance-currency--usd {
        padding: 0 0 0 16px;
    }
}

.user__balance-currency--usd::before {
    width: 18px;
    height: 18px;
    background-image: url("/assets/icons/usd.svg");
}

@media (max-width: 380px) {
    .user__balance-currency--usd::before {
        width: 14px;
        height: 14px;
    }
}

.user__balance-currency--plg {
    color: #f46879;
    padding: 0 0 0 26px;
}

@media (max-width: 380px) {
    .user__balance-currency--plg {
        padding: 0 0 0 20px;
    }
}

.user__balance-currency--plg::before {
    width: 22px;
    height: 22px;
    background-image: url("plg.19b187337aca3a7ba9a5.svg");
    left: 0;
}

@media (max-width: 380px) {
    .user__balance-currency--plg::before {
        width: 16px;
        height: 16px;
    }
}

.user__balance-secondary {
    height: 42px;
    background: #171b24;
    border-radius: 0 6px 6px 0;
    font-weight: 500;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding: 0 15px 0 23px;
    border-left: 1px solid #0c0e13;
    position: relative;
}

@media (max-width: 1800px) {
    .user__balance-secondary {
        font-size: 11px;
    }
}

@media (max-width: 1600px) {
    .user__balance-secondary {
        height: 34px;
    }
}

@media (max-width: 380px) {
    .user__balance-secondary {
        padding: 0 10px 0 18px;
    }
}

.user__balance-button {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 0 0 0 13px;
    transition: background 0.3s;
    position: relative;
    background: #7ec76c;
}

.user__balance-button::before,
.user__balance-button::after {
    width: 10px;
    height: 2px;
    transition: background 0.3s;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: #35502e;
}

.user__balance-button:hover {
    background: #91cb82;
}

.user__balance-button:hover::before,
.user__balance-button:hover::after {
    background: #406037;
}

.user__balance-button::after {
    transform: rotate(90deg);
}

.user__balance--switched .user__balance-button {
    background: #ed5870;
}

.user__balance--switched .user__balance-button::before,
.user__balance--switched .user__balance-button::after {
    background: #fff;
}

.user__balance--switched .user__balance-button:hover {
    background: #ff7087;
}

.user__balance-changer {
    width: 28px;
    height: 28px;
    background: #292f3c;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    margin: auto;
    z-index: 2;
    transition: background 0.3s;
}

@media (max-width: 1600px) {
    .user__balance-changer {
        width: 22px;
        height: 22px;
        left: -12px;
    }

    .user__balance-changer svg {
        width: 14px;
        height: 14px;
    }
}

.user__balance-changer-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.user__balance-changer-icon path {
    transition: fill 0.3s, transform 0.3s;
}

.user__balance-changer:hover {
    background: #343b48;
}

.user__balance-changer:hover path {
    fill: #aaaebd;
}

.user__balance-changer--transition .Xb01 {
    transform: translateX(4px);
}

.user__balance-changer--transition .Xb02 {
    transform: translateX(-4px);
}

.user__settings {
    width: 42px;
    height: 42px;
    cursor: pointer;
    transition: background 0.3s;
    background: #1a1e28;
    border-radius: 6px;
    margin: 0 0 0 7px;
    position: relative;
}

.user__settings-trigger {
    display: none;
}

@media (max-width: 1200px) {
    .user__settings-trigger {
        width: 36px;
        height: 36px;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
    }
}

@media (max-width: 1600px) {
    .user__settings {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 1200px) {
    .user__settings {
        width: 36px;
        height: 36px;
        background: #232737;
        border-radius: 8px;
    }
}

.user__settings-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: transform 0.5s cubic-bezier(0.28, 0.07, 0.21, 0.87);
}

@media (max-width: 1600px) {
    .user__settings-icon {
        width: 20px;
        height: 20px;
    }

    .user__settings-icon svg {
        width: 20px;
        height: 20px;
    }
}

.user__settings path {
    transition: fill 0.3s;
}

@media (min-width: 1201px) {
    .user__settings:hover {
        background: #292f3b;
    }

    .user__settings:hover path {
        fill: #8d91a1;
    }

    .user__settings:hover .user__settings-icon {
        transform: rotate(180deg);
    }
}

.user__settings--opened {
    background: #292f3b;
}

.user__settings--opened path {
    fill: #8d91a1;
}

.user__settings--opened .user__settings-icon {
    transform: rotate(180deg);
}

.user__settings-list {
    position: absolute;
    right: 0;
    top: 84px;
    padding: 15px;
    background: #171b24;
    border-radius: 6px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
    transition-delay: 0.1s;
}

@media (max-width: 1800px) {
    .user__settings-list {
        padding: 10px;
    }
}

@media (max-width: 1200px) {
    .user__settings-list {
        bottom: 12px;
        top: auto;
        right: auto;
        left: 0;
        background: #232737;
    }
}

.user__settings--hoverable:hover .user__settings-list,
.user__settings--opened .user__settings-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(-30px);
}

@media (max-width: 1600px) {

    .user__settings--hoverable:hover .user__settings-list,
    .user__settings--opened .user__settings-list {
        transform: translateY(-40px) !important;
    }
}

@media (max-width: 1200px) {

    .user__settings--hoverable:hover .user__settings-list,
    .user__settings--opened .user__settings-list {
        transform: translateY(-30px) !important;
    }
}

.user__settings-item+.user__settings-item {
    margin: 2px 0 0 0;
}

.user__settings-link {
    width: 165px;
    height: 40px;
    display: flex;
    background: #1c202a;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    color: #c1c1cc;
    align-items: center;
    transition: color 0.3s, background 0.3s;
    padding: 0 0 0 41px;
    position: relative;
}

.user__settings-link::before {
    width: 24px;
    height: 24px;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    transition: opacity 0.3s;
    opacity: 0.5;
}

@media (max-width: 1800px) {
    .user__settings-link::before {
        width: 20px;
        height: 20px;
        left: 8px;
    }
}

@media (max-width: 1200px) {
    .user__settings-link::before {
        width: 18px;
        height: 18px;
    }
}

.user__settings-link:hover {
    color: #dfdfe4;
    background: #242834;
}

.user__settings-link:hover::before {
    opacity: 1;
}

@media (max-width: 1800px) {
    .user__settings-link {
        height: 36px;
        font-size: 12px;
        padding: 0 0 0 35px;
    }
}

@media (max-width: 1200px) {
    .user__settings-link {
        width: 135px;
        height: 34px;
        padding: 0 0 0 32px;
        background: #292d3d;
    }

    .user__settings-link:hover {
        background: #2f3445;
    }
}

.user__settings-link--settings::before {
    background-image: url("/assets/icons/settings.svg");
}

.user__settings-link--profile::before {
    background-image: url("/assets/icons/profile.svg");
}

.user__settings-link--get-my-id::before {
    background-image: url("/assets/icons/get-my-id.svg");
}

.user__settings-link--telegram::before {
    background-image: url("/assets/icons/telegram.svg");
}

.user__exit {
    width: 42px;
    height: 42px;
    margin: 0 0 0 2px;
    position: relative;
}

.user__exit-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.user__exit-icon path {
    transition: fill 0.3s, stroke 0.3s, transform 0.3s;
}

.user__exit:hover .user__exit-icon-first {
    animation: exitMoving 0.3s cubic-bezier(0.28, 0.07, 0.21, 0.87) 2 both;
    fill: #9899a4;
}

.user__exit:hover .user__exit-icon-second {
    stroke: #fc7167;
}

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

.avatar {
    position: relative;
}

.avatar--modified::before,
.avatar--modified::after {
    position: absolute;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
}

.avatar--coinflip::after {
    width: 26px !important;
    height: 26px !important;
    box-shadow: none;
    margin: 0 !important;
    right: auto;
    left: -10px !important;
    top: -12px !important;
}

.avatar--roulette::before {
    width: 40px !important;
    height: 40px !important;
    top: 14px;
}

.avatar--roulette::after {
    box-shadow: none;
    margin: 0 !important;
    right: auto;
    left: -6px !important;
    top: 6px !important;
}

.avatar--table::after {
    display: none;
}

.avatar--owner::before {
    width: 100%;
    height: 100%;
    background-image: url("owner-border.2b531b2b8feb810bd02d.svg");
}

.avatar--owner::after {
    width: 16px;
    height: 16px;
    background-image: url("owner.bb3c1263eb94b6432a13.svg");
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
}

.header .user .avatar--owner::after {
    left: -7px;
    right: auto;
    top: -5px;
}

.avatar--owner-crash::after {
    top: 38px;
}

.avatar--admin::before {
    width: 100%;
    height: 100%;
    background-image: url("admin-border.3f937d9f30f34f61da49.svg");
}

.avatar--admin::after {
    width: 16px;
    height: 16px;
    background-image: url("admin.5e94180a83702ce88af1.svg");
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
}

.header .user .avatar--admin::after {
    left: -7px;
    right: auto;
    top: -5px;
}

.avatar--admin-crash::after {
    top: 38px;
}

.avatar--moderator::before {
    width: 100%;
    height: 100%;
    background-image: url("moder-border.861f48c7f2df7dd946be.svg");
}

.avatar--brilliant::before {
    width: 100%;
    height: 100%;
    background-image: url("brilliant-border.00f9ec9feb8e51e5af40.svg");
}

.avatar--brilliant::after {
    width: 16px;
    height: 16px;
    background-image: url("brilliant.56f10bd3e7c8f50b88cd.svg");
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
}

.header .user .avatar--brilliant::after {
    left: -7px;
    right: auto;
    top: -5px;
}

.avatar--brilliant-crash::after {
    top: 38px;
}

.avatar--exclusive::before {
    width: 100%;
    height: 100%;
    background-image: url("exclusive-border.cac36ac15628e3f14eb6.svg");
}

.avatar--exclusive::after {
    width: 16px;
    height: 16px;
    background-image: url("exclusive.25242d5aedaf8b2668fe.svg");
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
}

.header .user .avatar--exclusive::after {
    left: -7px;
    right: auto;
    top: -5px;
}

.avatar--exclusive-crash::after {
    top: 38px;
}

.avatar--vip::before {
    width: 100%;
    height: 100%;
    background-image: url("vip-border.8d7f42ebab2b7ec6ba6d.svg");
}

.avatar--vip::after {
    width: 16px;
    height: 16px;
    background-image: url("vip.8e284e1ff2c7a750d776.svg");
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
}

.header .user .avatar--vip::after {
    left: -7px;
    right: auto;
    top: -5px;
}

.avatar--vip-crash::after {
    top: 38px;
}

.avatar--zadrot::before {
    width: 100%;
    height: 100%;
    background-image: url("zadrot-border.43137e2405feca7cf234.svg");
}

.avatar--zadrot::after {
    width: 22px;
    height: 22px;
    background-image: url("zadrot-new.578a4ec35b91c34bbc7a.png");
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
}

.header .user .avatar--zadrot::after {
    left: -7px;
    right: auto;
    top: -5px;
}

.avatar--zadrot-crash::after {
    top: 38px;
}

.avatar__image {
    width: 34px;
    height: auto;
    border-radius: 6px;
}

.avatar__image--big {
    width: 42px;
}

@media (max-width: 1600px) {
    .avatar__image--big {
        width: 34px;
        display: block;
    }
}

.avatar__image--livedrop {
    width: 22px;
}

.avatar__image--table {
    width: 30px;
}

.avatar.avatar-empty {
    height: 42px;
    width: 42px;
}

.header {
    height: 90px;
    background: #14171f;
    position: sticky;
    top: 0;
    z-index: 8000;
}

.header .winter-event-link {
    display: none;
}

@media (max-width: 1800px) {
    .header {
        height: 80px;
    }
}

@media (max-width: 1200px) {
    .header {
        width: 100%;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
    }

    .header--fixed {
        position: fixed;
    }
}

@media (max-width: 900px) {
    .header {
        height: 64px;
    }
}

@media (min-width: 1201px) {
    .header .left-bar__logo {
        display: none;
    }
}

.header .hamburger {
    display: block;
    position: absolute;
    top: 25px;
    right: 12px;
    width: 18px;
    height: 16px;
    cursor: pointer;
    z-index: 5;
    display: none;
}

@media (max-width: 900px) {
    .header .hamburger {
        display: block;
    }
}

.header .hamburger span {
    transition: all 0.3s ease 0s;
    top: 6px;
    left: 0px;
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #4d4959;
}

.header .hamburger span:first-child {
    width: 12px;
    top: 0px;
}

.header .hamburger span:last-child {
    top: auto;
    bottom: 2px;
    width: 8px;
}

.header .hamburger.active span {
    transform: scale(0);
}

.header .hamburger.active span:first-child {
    transform: rotate(-45deg);
    top: 5px;
    width: 15px;
}

.header .hamburger.active span:last-child {
    transform: rotate(45deg);
    bottom: 9px;
    width: 15px;
}

.header .hamburger--categories.hamburger--is-active .hamburger__line:nth-child(1) {
    width: 14px !important;
    transform: translateY(8px) translateX(0px);
}

.header .hamburger--categories.hamburger--is-active .hamburger__line:nth-child(3) {
    width: 14px;
    transform: translateY(-2px) translateX(0px) rotate(90deg);
}

.navigation {
    height: 100%;
}

@media (max-width: 900px) {
    .navigation {
        width: 400px;
        height: calc(100vh - 120px);
        position: fixed;
        top: 64px;
        right: -70px;
        z-index: 5000;
        background: #161a22;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
    }

    .navigation--opened {
        opacity: 1;
        visibility: visible;
        transform: translateX(-70px);
        z-index: 9000;
    }
}

@media (max-width: 599px) {
    .navigation {
        width: 228px;
    }
}

.navigation__list {
    height: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 900px) {
    .navigation__list {
        width: 100%;
        display: block;
        flex-wrap: wrap;
        padding: 15px 0 0 0;
    }
}

.navigation__item {
    position: relative;
    height: 100%;
}

.navigation__item+.navigation__item {
    margin: 0 0 0 26px;
}

@media screen and (max-width: 1300px) {
    .navigation__item+.navigation__item {
        margin: 0 0 0 16px;
    }
}

@media (max-width: 900px) {
    .navigation__item {
        width: calc(100% - 30px);
        margin: 0 auto;
        height: auto;
    }

    .navigation__item+.navigation__item {
        margin: 4px auto 0 auto;
    }
}

.navigation__link {
    height: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #c1c1cc;
    display: flex;
    align-items: center;
    transition: color 0.3s, background 0.3s;
}

.navigation__link svg {
    margin: 0 8px 0 0;
}

@media (max-width: 1400px) {
    .navigation__link svg {
        display: none;
    }
}

@media (max-width: 1200px) {
    .navigation__link svg {
        display: block;
    }
}

.navigation__link path {
    transition: stroke 0.3s, fill 0.3s;
}

.navigation__link.router-link-exact-active.router-link-active {
    color: #fff;
    border-bottom: 2px solid #fc7167;
}

.navigation__link:hover .navigation__link-stroking {
    stroke: #acb9db;
}

.navigation__link:hover .navigation__link-filling {
    fill: #acb9db;
}

.navigation__link:hover {
    color: #fff;
}

@media (max-width: 1800px) {
    .navigation__link {
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    .navigation__link {
        width: 100%;
        height: 50px;
        background: #1a1e28;
        border-radius: 6px;
        padding: 0 0 0 12px;
        font-size: 14px;
    }

    .navigation__link:hover {
        background: #202531;
    }
}

@media (max-width: 599px) {
    .navigation__link {
        height: 42px;
    }

    .navigation__link svg {
        width: 20px;
        height: 20px;
    }
}

.block-user-modal .ant-input-suffix {
    display: none !important;
}

.block-user__confirm {
    width: 100%;
    height: 60px;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-weight: 800;
    font-size: 15px;
    line-height: 28px;
    text-transform: uppercase;
    border: none;
    outline: none;
    box-sizing: border-box;
    color: #3e2f19;
    background-color: #f1bc6c;
    transition: all 0.3s ease;
}

.block-user__confirm:hover {
    color: #554a39 !important;
    background-color: #f2c681 !important;
}

.block-user__confirm:disabled {
    color: #7e5c28 !important;
    background-color: #b28d55 !important;
}

.block-user__list-wrap {
    position: relative;
}

.block-user__reason-list {
    position: absolute;
    z-index: 12;
    top: 105%;
    left: 0;
    width: 100%;
    background-color: #161821;
    border-radius: 6px;
    padding: 16px 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.block-user__reason-item {
    padding: 11px 14px;
    color: #c1c1cc;
    background-color: #1d1f29;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.block-user__reason-item:hover {
    color: #c1c1cc;
    background-color: #242735;
}

.block-user__reason-item-active {
    background-color: #f1bc6c;
    color: #3e2f19;
}

.block-user__reason-item-active:hover {
    background-color: #f1bc6c;
    color: #3e2f19;
}

.block-user-wrap__input {
    position: relative;
    padding-right: 98px;
}

.block-user-wrap__button {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 2;
    background-color: #1d1f29;
    color: #717580;
    text-transform: uppercase;
    transition: color 0.3s ease;
    padding: 10px 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    border-radius: 6px;
}

.block-user-wrap__button:hover {
    color: #fff;
}

.rules-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.rules-list__title {
    font-size: 16px;
    font-weight: 500;
}

.rules-list__item {
    margin-left: 35px;
    position: relative;
}

.rules-list__item::before {
    content: "—";
    position: absolute;
    top: 0px;
    left: -20px;
}

.rules-list__item .rules-sub-list__item {
    position: relative;
    margin-left: 25px;
}

.rules-list__item .rules-sub-list__item::before {
    content: "";
    display: block;
    background-color: rgba(235, 241, 255, 0.88);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: -15px;
}

.chat-rules-button {
    width: 100%;
    padding: 20px;
    color: rgba(161, 163, 174, 0.5019607843);
    line-height: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border: none;
    outline: none;
    display: block;
    height: auto;
    border-radius: 6px;
    background-color: #1f212e;
}

.chat-rules-button:hover:not([disabled]) {
    background-color: #f5705e !important;
}

@keyframes arrowMoving {
    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

.chat {
    width: 360px;
    height: calc(100vh - 50px);
    margin: 0 0 0 20px;
    position: relative;
}

.chat::after {
    width: 100%;
    height: 200px;
    position: absolute;
    content: "";
    left: 0;
    top: 60px;
    z-index: 10;
    transform: rotate(180deg);
    background: linear-gradient(0deg,
            rgb(21, 24, 33) 0%,
            rgba(21, 24, 33, 0) 100%);
    pointer-events: none;
}

@media screen and (min-width: 1200px) {
    .chat__hidden {
        display: none;
    }
}

@media (max-width: 1800px) {
    .chat {
        width: 340px;
    }
}

@media (max-width: 1600px) {
    .chat {
        width: 300px;
    }
}

@media (max-width: 1200px) {
    .chat {
        width: 100%;
        height: calc(100dvh - 140px);
        background: #151821;
    }

    .chat::before,
    .chat::after {
        bottom: 0;
    }
}

@media (max-width: 900px) {
    .chat {
        height: calc(100dvh - 120px);
    }
}

.chat__to-last-message {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 120px;
    background-color: #282e3e;
    color: #c1c1cc;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    max-width: 200px;
    padding: 14px 20px;
    border-radius: 44px;
    box-sizing: content-box;
    white-space: nowrap;
    cursor: pointer;
}

.chat__close {
    display: none;
}

@media (max-width: 1200px) {
    .chat__close {
        width: 48px;
        height: 48px;
        background: #1a1e28;
        border-radius: 6px;
        position: absolute;
        top: 0;
        right: 20px;
        display: block;
        cursor: pointer;
        transition: background 0.3s;
    }

    .chat__close::before,
    .chat__close::after {
        width: 18px;
        height: 2px;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        display: block;
        background: #474d5d;
        transition: background 0.3s;
    }

    .chat__close::before {
        transform: rotate(45deg);
    }

    .chat__close::after {
        transform: rotate(-45deg);
    }

    .chat__close:hover {
        background: #1e232f;
    }

    .chat__close:hover::before,
    .chat__close:hover::after {
        background: #565e71;
    }
}

.chat__room {
    width: 338px;
    height: 56px;
    border: 1px solid #222734;
    border-radius: 6px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 20px 0;
    transition: background 0.3s, border 0.3s;
}

.chat__room:not(.chat__room--opened):hover {
    border: 1px solid #2d3445;
}

@media (max-width: 1800px) {
    .chat__room {
        width: 318px;
    }
}

@media (max-width: 1600px) {
    .chat__room {
        width: 278px;
    }
}

@media (max-width: 1200px) {
    .chat__room {
        width: calc(100% - 78px);
        height: 46px;
    }
}

.chat__room-current {
    width: 100%;
    height: 58px;
    padding: 0 0 0 51px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

@media (max-width: 1800px) {
    .chat__room-current {
        font-size: 10px;
    }
}

@media (max-width: 1200px) {
    .chat__room-current {
        padding: 0 0 0 46px;
    }
}

.chat__room-current::before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 6px;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media (max-width: 1200px) {
    .chat__room-current::before {
        left: 11px;
    }
}

.chat__room-current--ru::before {
    background-image: url("/assets/icons/ru.svg");
}

.chat__room-current--ua::before {
    background-image: url("ua.53b38d1fca3cc222590d.svg");
}

.chat__room-current--vip::before {
    background-image: url("vip-chatroom.a7418bb9026b491cb809.svg");
}

.chat__room-current--en::before {
    background-image: url("en.741949eea18cd5dba6de.svg");
    color: #292e41;
}

.chat__room-current--de::before {
    background-image: url("de.1820149a3fcabcbca39f.svg");
}

.chat__room-current--fr::before {
    background-image: url("fr.5c0383131d2d8a23ca9c.svg");
}

.chat__room-current--default::before {
    background-color: #1f2330;
}

.chat__room-current-title {
    margin: 0 0 2px 0;
}

.chat__room-trigger {
    width: 26px;
    height: 26px;
    background: #1f2330;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    cursor: pointer;
    transition: background 0.3s;
}

.chat__room-trigger::before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    transition: opacity 0.3s, transform 0.2s;
    transform-origin: 50% 50%;
    background: url("/assets/icons/arrow.svg") 50% no-repeat;
    background-size: 11px;
    opacity: 0.6;
}

.chat__room-current:hover .chat__room-trigger {
    background: #272c3b;
}

.chat__room-current:hover .chat__room-trigger::before {
    opacity: 1;
}

.chat__room-trigger--opened::before {
    transform: rotate(180deg);
}

@media (max-width: 1200px) {
    .chat__room-trigger {
        width: 24px;
        height: 24px;
        right: 11px;
    }
}

.chat__room--opened {
    background: #1a1d28;
    border: 1px solid #1a1d28;
    border-radius: 6px 6px 0 0;
}

.chat__room-list {
    width: 340px;
    max-height: 0;
    position: absolute;
    left: -1px;
    top: 100%;
    z-index: 100;
    background: #1a1d28;
    border-radius: 0 0 6px 6px;
    visibility: hidden;
    transition: max-height 0.3s;
    overflow: hidden;
    padding: 0 0 16px 0;
}

@media (max-width: 1800px) {
    .chat__room-list {
        width: 320px;
    }
}

@media (max-width: 1600px) {
    .chat__room-list {
        width: 280px;
    }
}

@media (max-width: 1200px) {
    .chat__room-list {
        width: calc(100% + 2px);
        padding: 3px 0 10px 0;
    }
}

.chat__room--opened .chat__room-list {
    max-height: 400px;
    visibility: visible;
}

.chat__room-list-item {
    padding: 0 16px;
    cursor: pointer;
}

.chat__room-list-item+.chat__room-list-item {
    margin: 2px 0 0 0;
}

@media (max-width: 1200px) {
    .chat__room-list-item {
        padding: 0 10px;
    }
}

.chat__room-list-link {
    height: 52px;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 48px;
    background: #1d212d;
    border-radius: 6px;
    transition: background 0.3s;
    position: relative;
}

@media (max-width: 1800px) {
    .chat__room-list-link {
        font-size: 10px;
    }
}

@media (max-width: 1200px) {
    .chat__room-list-link {
        height: 48px;
    }
}

.chat__room-list-link--disabled>*,
.chat__room-list-link--disabled::before {
    opacity: 0.3;
}

.chat__room-list-link::before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    left: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 6px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.chat__room-list-link--ru::before {
    background-image: url("ru.0d6c01910c0df010070a.svg");
}

.chat__room-list-link--ua::before {
    background-image: url("ua.53b38d1fca3cc222590d.svg");
}

.chat__room-list-link--vip {
    border: 2px solid rgba(248, 206, 105, 0.0392156863);
    background: rgba(210, 168, 102, 0.07);
}

.chat__room-list-link--vip .chat__room-list-link-title {
    color: #f8ce69;
    font-weight: 700;
}

.chat__room-list-link--vip::before {
    background-image: url("vip-chatroom.a7418bb9026b491cb809.svg");
}

.chat__room-list-link--en::before {
    background-image: url("en.741949eea18cd5dba6de.svg");
}

.chat__room-list-link--de::before {
    background-image: url("de.1820149a3fcabcbca39f.svg");
}

.chat__room-list-link--fr::before {
    background-image: url("fr.5c0383131d2d8a23ca9c.svg");
}

.chat__room-list-link-title {
    width: 100%;
}

.chat__room-list-link:not(.chat__room-list-link--disabled):hover {
    background: #222735;
}

.chat__messages {
    overflow-y: auto;
}

.chat__messages:focus {
    outline: none;
}

.chat__messages:hover {
    overflow-y: scroll;
}

@media only screen and (hover: none),
(max-width: 1200px) {
    .chat__messages {
        overflow-y: scroll;
    }
}

.chat__messages::-webkit-scrollbar {
    width: 3px;
}

.chat__messages::-webkit-scrollbar-thumb {
    background-color: #535b70;
    border-radius: 3px;
}

.chat__messages * {
    scrollbar-color: #535b70 rgba(166, 171, 190, 0.5490196078);
    scrollbar-width: thin;
}

.chat__messages {
    height: calc(100dvh - 230px) !important;
}

@media (max-width: 1200px) {
    .chat__messages {
        height: calc(100dvh - 315px) !important;
    }
}

@media (max-width: 900px) {
    .chat__messages {
        height: calc(100dvh - 290px) !important;
    }
}

.chat__message {
    max-width: 340px;
    display: flex;
    margin: 0 0 12px 0;
    position: relative;
}

@media (max-width: 1800px) {
    .chat__message {
        max-width: 320px;
    }
}

@media (max-width: 1600px) {
    .chat__message {
        max-width: 280px;
    }
}

@media (max-width: 1200px) {
    .chat__message {
        max-width: calc(100% - 20px);
    }
}

.chat__message .avatar {
    cursor: pointer;
}

.chat__message-actions {
    position: absolute;
    left: 15%;
    top: -85%;
    transform: translateY(-50%);
    background-color: green;
    width: 193px;
    z-index: 21000;
    background-color: #1d212c;
    padding: 9px;
    border-radius: 6px;
}

.chat__message-actions.livedrop-actions {
    left: 5%;
    top: 80%;
}

.chat__message-actions.roulette-actions {
    position: fixed;
    left: -15%;
    top: 50%;
}

.chat__message-actions_list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat__message-actions_item {
    width: 100%;
    background-color: #232835;
    color: #c1c1cc;
    border-radius: 6px;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
    transition: color 0.3s ease;
}

.chat__message-actions_item svg path {
    transition: all 0.3s ease;
    fill: #474d5d;
}

.chat__message-actions_item button {
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #c1c1cc;
}

.chat__message-actions_item:hover {
    background-color: #2f3443;
    color: #dfdfe4;
}

.chat__message-actions_item:hover svg path {
    fill: #fff;
}

.chat__message--special {
    width: 100%;
    height: 61px;
    background: linear-gradient(269.14deg, #e37169 1.96%, #7b56ca 99.42%);
    box-shadow: 0 4px 17px rgba(163, 91, 148, 0.16);
    border-radius: 6px;
    margin: 17px 0;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 0 0 62px;
}

.chat__message--special_user {
    display: inline-block;
    max-width: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1800px) {
    .chat__message--special {
        padding: 0 0 0 57px;
        margin: 10px 0;
    }
}

.chat__message--special::before,
.chat__message--special::after {
    width: 42px;
    height: 42px;
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width: 1800px) {

    .chat__message--special::before,
    .chat__message--special::after {
        width: 36px;
        height: 36px;
    }
}

.chat__message--special::before {
    background: linear-gradient(180deg, #4f2c79 0%, #734cae 100%);
    border-radius: 34px;
}

.chat__message--special::after {
    background: url("logo-white.8aa74c97e9f0c0604f21.svg") 50% no-repeat;
    background-size: 26px;
}

@media (max-width: 1800px) {
    .chat__message--special::after {
        background-size: 22px;
    }
}

.chat__message-special-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 1800px) {
    .chat__message-special-title {
        font-size: 12px;
        line-height: 16px;
    }
}

.chat__message-special-prize {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #ffe2c0;
}

@media (max-width: 1800px) {
    .chat__message-special-prize {
        font-size: 14px;
        line-height: 18px;
    }
}

.chat__message-special-link {
    height: 36px;
    background: rgba(219, 132, 146, 0.3);
    border: 1px dashed rgba(255, 255, 255, 0.19);
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    line-height: 36px;
    padding: 0 39px 0 13px;
    margin: auto;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    transition: border 0.3s, background 0.3s;
}

@media (max-width: 1800px) {
    .chat__message-special-link {
        font-size: 11px;
        padding: 0 34px 0 10px;
    }
}

@media (max-width: 1600px) {
    .chat__message-special-link {
        width: 36px;
        font-size: 0;
        padding: 0;
    }
}

.chat__message-special-link::before {
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    right: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("special-link-arrow.d586b3e703ecd8dad8d4.svg") no-repeat;
    background-size: 100%;
}

@media (max-width: 1800px) {
    .chat__message-special-link::before {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 1600px) {
    .chat__message-special-link::before {
        left: 0;
        right: 0;
    }
}

.chat__message-special-link:hover {
    background: rgba(219, 132, 146, 0.6);
    border: 1px dashed rgba(255, 255, 255, 0.39);
}

.chat__message-special-link:hover::before {
    animation: arrowMoving 0.3s cubic-bezier(0.28, 0.07, 0.21, 0.87) 2 both;
}

.chat__message-row {
    width: calc(100% - 44px);
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 auto;
}

.chat__message-author {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    transition: color 0.3s;
    text-decoration: none;
    cursor: pointer;
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1800px) {
    .chat__message-author {
        font-size: 12px;
    }
}

.chat__message-author--plg {
    color: #ed665c;
}

.chat__message-author--plg:hover {
    color: #ff9188;
}

.chat__message-author--vip {
    color: #ffe4ae;
}

.chat__message-author--zadrot {
    color: #f5955e;
}

.chat__message-author--admin {
    color: #6992cf;
}

.chat__message-author--owner {
    color: #ff7070;
}

.chat__message-author--moderator {
    color: #5ef5ec;
}

.chat__message-author--brilliant {
    color: #ffe4ae;
}

.chat__message-author--exclusive {
    color: #e168d5;
}

.chat__message-date {
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #56566d;
    margin: 0 0 0 auto;
}

@media (max-width: 1800px) {
    .chat__message-date {
        font-size: 10px;
    }
}

.chat__message-text {
    width: 100%;
    background: #181b25;
    border-radius: 0 6px 6px 6px;
    padding: 7px 14px 10px 14px;
    color: #a6abbe;
    font-size: 13px;
    line-height: 18px;
    margin: 8px 0 0 0;
    word-wrap: break-word;
}

@media (max-width: 1800px) {
    .chat__message-text {
        padding: 7px 10px 10px 10px;
        font-size: 11px;
        line-height: 16px;
    }
}

.chat__message-text-reply {
    color: #fc7166;
    transition: color 0.3s;
}

.chat__message-text-reply:hover {
    color: #ff9188;
}

.chat__message-text--plg {
    background: rgba(232, 98, 89, 0.06);
    color: #f1837c;
    white-space: pre-line;
}

.chat__message-text--plg_accent {
    color: #7ec76c;
}

.avatar:hover+.chat__message-options,
.chat__message-options:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(-20px);
}

.chat__message-options {
    width: 150px;
    position: absolute;
    z-index: 50;
    background: #433e7e;
    border-radius: 8px;
    padding: 8px;
    top: 70px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition-delay: 0.1s;
}

@media (max-width: 1800px) {
    .chat__message-options {
        width: 130px;
    }
}

.chat__message-options-button {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-size: 14px;
    color: #dfdcff;
    font-weight: 500;
    transition: color 0.3s, background 0.3s;
    padding: 0 0 0 10px;
    text-decoration: none;
}

.chat__message-options-button:hover {
    background: #514b91;
    color: #fff;
}

@media (max-width: 1800px) {
    .chat__message-options-button {
        height: 30px;
        font-size: 12px;
    }
}

.chat__bottom {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 15;
    background-color: inherit;
}

@media (max-width: 1200px) {
    .chat__bottom {
        bottom: 20px;
    }
}

.chat__bottom-field {
    width: 100%;
    height: 58px;
    position: relative;
}

@media (max-width: 1200px) {
    .chat__bottom-field {
        height: 50px;
    }
}

.chat__bottom-message {
    height: 100%;
    border-radius: 6px;
    padding: 0 55px 0 15px;
    transition: color 0.3s, background 0.3s;
    color: #9194a8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chat__bottom-message.ant-input {
    background-color: #1a1d29;
    position: relative;
    padding-right: 60px;
}

.chat__bottom-message.ant-input.ant-input-disabled::-moz-placeholder {
    color: #353849;
}

.chat__bottom-message.ant-input.ant-input-disabled::placeholder {
    color: #353849;
}

.chat__bottom-message:hover {
    background: #1b1e2b;
}

.chat__bottom-message:focus {
    background: #1f2331;
}

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

.chat__bottom-button {
    width: 52px;
    height: 58px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border: none;
    outline: none;
    cursor: pointer;
}

.chat__bottom-button svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 1200px) {
    .chat__bottom-button {
        height: 50px;
    }

    .chat__bottom-button svg {
        width: 20px;
        height: 20px;
    }
}

.chat__bottom-button path {
    transition: fill 0.3s;
}

.chat__bottom-button.chat__bottom-button-hover:hover path {
    fill: #acb6db;
}

.chat__bottom-info {
    display: flex;
    margin: 10px 0 0 0;
    align-items: center;
}

.chat__bottom-controller {
    width: 30px;
    height: 30px;
    background: #1d212c;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s;
    position: relative;
}

.chat__bottom-controller::before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    transition: opacity 0.3s, transform 0.2s;
    opacity: 0.5;
    background-image: url("/assets/icons/pause-icon.svg");
}

.chat__bottom-controller--pausing::before {
    background-image: url("/assets/icons/play-icon.svg");
}

.chat__bottom-controller:hover {
    background: #2b303f;
}

.chat__bottom-controller:hover::before {
    opacity: 1;
}

@media (max-width: 1800px) {
    .chat__bottom-controller {
        width: 26px;
        height: 26px;
    }
}

.chat__bottom-link {
    font-weight: 500;
    font-size: 13px;
    color: #d2625b;
    margin: 0 0 0 10px;
    transition: color 0.3s;
    border: none;
    outline: none;
    cursor: pointer;
}

.chat__bottom-link:hover {
    color: #ff6f66;
}

@media (max-width: 1800px) {
    .chat__bottom-link {
        font-size: 10px;
    }
}

@keyframes lighterin {
    from {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.online {
    text-transform: uppercase;
    font-weight: 500;
    color: #5f6470;
    font-size: 12px;
    position: relative;
    padding: 0 0 0 14px;
}

@media (max-width: 1800px) {
    .online {
        font-size: 10px;
        padding: 0 0 0 10px;
    }
}

.online--plain {
    padding: 0;
    color: #5f6470;
}

.online__anim::before {
    width: 6px;
    height: 6px;
    content: "";
    background: #73e07e;
    border-radius: 3px;
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
    animation: lighterin 1.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite;
}

@media (max-width: 1800px) {
    .online__anim::before {
        left: 0;
    }
}

.online__counter {
    color: #73e07e;
}

.online--plain .online__counter {
    color: #9b9fac;
}

.online--chat-bottom {
    margin: 0 0 0 auto;
}

.online__title {
    margin-left: 5px;
}

.panel {
    width: 470px;
    min-height: calc(100vh - 50px);
    background: #151821;
    padding: 25px 0 25px 25px;
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    box-sizing: content-box;
}

@media (max-width: 1800px) {
    .panel {
        width: 440px;
    }
}

@media (max-width: 1600px) {
    .panel {
        width: 400px;
    }
}

@media (max-width: 1200px) {
    .panel {
        width: 500px;
        height: calc(100vh - 134px);
        min-height: auto;
        position: fixed;
        z-index: 1000;
        padding: 0;
        top: 80px;
        left: -70px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
    }

    .panel--opened {
        opacity: 1;
        visibility: visible;
        transform: translateX(70px);
        z-index: 9000;
    }
}

@media (max-width: 900px) {
    .panel {
        height: calc(100vh - 120px);
        top: 64px;
    }
}

@media (max-width: 599px) {
    .panel {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .panel--without-chat {
        width: 110px;
    }
}

.panel-games {
    width: 100%;
    flex: 1 0 auto;
}

@media (max-width: 1200px) {
    .panel-games__list {
        width: 90px;
        position: absolute;
        bottom: 79px;
        background: #202431;
        border-radius: 8px;
        overflow: hidden;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
        opacity: 0;
        visibility: hidden;
    }

    .panel-games__list--opened {
        opacity: 1;
        visibility: visible;
        transform: translateY(20px);
    }
}

.panel-games__item {
    display: flex;
}

.panel-games__link {
    width: 100%;
    height: 80px;
    color: #c0c3d9;
    transition: color 0.3s, background 0.3s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
}

@media (max-width: 1800px) {
    .panel-games__link {
        height: 80px;
        font-size: 9px;
    }
}

@media (max-height: 850px) and (min-width: 1201px) {
    .panel-games__link {
        height: 50px;
        font-size: 0;
    }

    .panel-games__link svg {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1200px) {
    .panel-games__link {
        height: 76px;
    }
}

.panel-games__link::before {
    width: 100%;
    height: 1px;
    content: "";
    left: 0;
    bottom: 0;
    background: #151820;
    position: absolute;
}

@media (max-width: 1200px) {
    .panel-games__item:last-of-type .panel-games__link::before {
        display: none;
    }
}

.panel-games__link:hover {
    color: #e7e9ff;
    background: #232737;
}

.panel-games__link:hover path {
    fill: #b6bccc;
}

.panel-games__link.router-link-exact-active.router-link-active {
    color: #e7e9ff;
    background: #232737;
}

.panel-games__link.router-link-exact-active.router-link-active path {
    fill: #b6bccc;
}

.panel-games__icon {
    margin: 0 0 4px 0;
}

.panel-games__icon path {
    transition: fill 0.3s;
}

.socials__item {
    margin: 0 0 12px 0;
}

.socials__item path {
    transition: fill 0.3s;
}

.socials__item:hover path {
    fill: #565b6f;
}

@media (max-width: 900px) {
    .socials__item+.socials__item {
        margin: 0 0 0 30px;
    }
}

@media (max-width: 900px) {
    .socials {
        width: 100%;
        display: flex;
        position: absolute;
        bottom: 20px;
        left: 0;
        justify-content: center;
    }
}

.left-bar {
    width: 90px;
    min-height: calc(100vh - 50px);
    background: #1d212c;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
    position: relative;
}

@media (max-width: 1800px) {
    .left-bar {
        width: 80px;
    }

    .left-bar::after {
        width: 126px;
        right: -24px;
    }

    .left-bar::before {
        width: 128px;
        right: -26px;
    }
}

@media (max-width: 1200px) {
    .left-bar {
        display: none;
    }
}

.left-bar__logo {
    width: 100%;
    height: 90px;
    background: linear-gradient(227deg, #683238 -9.65%, #1d212b 114.78%);
    position: relative;
    border-radius: 6px 6px 0px 0px;
}

@media (max-width: 1800px) {
    .left-bar__logo {
        height: 80px;
    }
}

@media (max-width: 1200px) {
    .left-bar__logo {
        width: 80px;
        background: none;
    }

    .left-bar__logo::before {
        display: none;
    }
}

@media (max-width: 900px) {
    .left-bar__logo {
        width: 64px;
        height: 64px;
    }
}

.left-bar__logo::after,
.left-bar__logo::before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
}

.left-bar__logo::before {
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
    background: linear-gradient(227deg, #72373d -9.65%, #1d212b 114.78%);
    opacity: 0;
}

.left-bar__logo:hover::before {
    opacity: 1;
}

.left-bar__logo::after {
    width: 54px;
    height: 54px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url("/assets/icons/new_logo.svg") no-repeat;
    background-size: 100%;
}

@media (max-width: 1800px) {
    .left-bar__logo::after {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 599px) {
    .left-bar__logo::after {
        width: 38px;
        height: 38px;
    }
}

.left-bar__bottom {
    width: 46px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto;
    margin: 0 auto;
    padding: 0 0 22px 0;
}

.left-bar__sound {
    width: 46px;
    height: 46px;
    border-radius: 6px;
    background: #242839;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.left-bar__sound:hover {
    background: #2c3144;
}

.left-bar__sound-icon {
    width: 26px;
    height: 26px;
    transition: transform 0.2s, opacity 0.2s;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.left-bar__sound-icon--hidden {
    opacity: 0;
    transform: scale(0.7);
}

@media (max-width: 1200px) {
    .left-bar__sound {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        margin: 0 6px;
    }

    .left-bar__sound:hover {
        background: #292f3b;
    }

    .left-bar__sound-icon {
        width: 22px;
        height: 22px;
    }

    .left-bar__sound svg {
        width: 22px;
        height: 22px;
    }
}

.left-bar__sound path {
    transition: stroke 0.3s, fill 0.3s;
}

.left-bar__sound[data-status="true"]:hover .Xs08 {
    stroke: #c1c1cc;
}

.left-bar__sound[data-status="true"]:hover .Xs09 {
    fill: #c1c1cc;
}

.left-bar__sound[data-status="false"]:hover .Xs10 {
    fill: #c1c1cc;
}

.left-bar__sound[data-status="false"]:hover .Xs11 {
    fill: #c1c1cc;
}

.left-bar__language {
    width: 46px;
    margin: 13px 0 0 0;
    background: #242839;
    border-radius: 6px;
    transition: background 0.3s;
    padding: 31px 0 6px 0;
    position: relative;
}

.left-bar__language--opened {
    background: #2c3144;
}

@media (max-width: 1200px) {
    .left-bar__language {
        width: 36px;
        margin: 0 10px 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        border-radius: 8px;
        position: relative;
    }

    .left-bar__language:not(.left-bar__language--opened):hover {
        background: #292f3b;
    }

    .left-bar__language--opened {
        border-radius: 0 0 8px 8px;
        overflow: visible;
    }
}

.left-bar__language-trigger {
    height: 21px;
    background: #212535;
    position: absolute;
    transition: background 0.3s;
    cursor: pointer;
    top: 0px;
    left: 0px;
    width: 46px;
    border-radius: 8px 8px 0 0;
}

@media (max-width: 1200px) {
    .left-bar__language-trigger {
        bottom: 0;
        top: 0;
        left: 0;
        width: 100%;
    }
}

.left-bar__language-trigger::before {
    width: 0;
    left: 0;
    right: 0;
    top: 4px;
    margin: auto;
    position: absolute;
    border: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #585b6f;
    transition: border 0.3s, transform 0.3s;
    content: "";
    transform-origin: 50% 70%;
}

.left-bar__language--opened .left-bar__language-trigger::before {
    transform: rotate(180deg);
}

.left-bar__language-trigger:hover {
    background: #2f3549;
}

.left-bar__language-trigger:hover::before {
    border-bottom: 6px solid #c1c1cc;
}

@media (max-width: 1200px) {
    .left-bar__language-trigger {
        height: 36px;
        opacity: 0;
    }

    .left-bar__language-trigger::before {
        display: none;
    }
}

.left-bar__language-current {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: flex;
    margin: 0 auto;
    background-size: 100%;
}

@media (max-width: 1200px) {
    .left-bar__language-current {
        width: 16px;
        height: 16px;
    }
}

.left-bar__language--ru {
    background-image: url("/assets/icons/ru.svg");
}

.left-bar__language--ua {
    background-image: url("ua.53b38d1fca3cc222590d.svg");
}

.left-bar__language--de {
    background-image: url("de.1820149a3fcabcbca39f.svg");
}

.left-bar__language--fr {
    background-image: url("fr.5c0383131d2d8a23ca9c.svg");
}

.left-bar__language--en {
    background-image: url("/assets/icons/en.svg");
}

.left-bar__language-list {
    max-height: 0;
    margin: 4px 0 0 0;
    opacity: 0;
    transition: max-height 0.3s, opacity 0.3s;
    overflow: hidden;
    width: 46px;
    position: absolute;
    bottom: 65px;
    background: #2c3144;
    border-radius: 8px;
}

.left-bar__language--opened .left-bar__language-list {
    max-height: 100px;
    opacity: 1;
}

@media (max-width: 1200px) {
    .left-bar__language-list {
        width: 100%;
        bottom: 36px;
        border-radius: 8px 8px 0 0;
    }
}

.left-bar__language-link {
    width: 100%;
    height: 32px;
    display: block;
    background-position: 50%;
    background-size: 20px;
    transition: background-color 0.3s;
    background-repeat: no-repeat;
    cursor: pointer;
}

.left-bar__language-link:hover {
    background-color: #32384e;
}

@media (max-width: 1200px) {
    .left-bar__language-link {
        background-size: 16px;
    }
}

.plain {
    width: calc(100% - 50px);
    margin: 50px auto 15px auto;
    box-sizing: border-box;
    padding: 0px 0px 40px 0px;
    border-bottom: 1px solid #1b1e26;
    max-width: 1375px;
}

@media (max-width: 1800px) {
    .plain {
        margin: 35px auto 15px auto;
    }
}

@media (max-width: 1200px) {
    .plain {
        width: calc(100% - 30px);
    }
}

@media (max-width: 500px) {
    .plain {
        padding: 0 0 30px 0;
    }
}

.plain__title {
    max-width: 1275px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #989bb3;
    margin: 0 0 15px 0;
}

@media (max-width: 1600px) {
    .plain__title {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 10px 0;
    }
}

@media (max-width: 500px) {
    .plain__title {
        font-size: 16px;
        line-height: 22px;
    }
}

.plain__text {
    font-size: 15px;
    line-height: 24px;
    color: #737c8f;
}

.plain__text+.plain__text {
    margin: 10px 0 0 0;
}

.plain__text_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.plain__text_center {
    text-align: center;
}

@media (max-width: 1800px) {
    .plain__text {
        font-size: 13px;
        line-height: 20px;
    }
}

.plain__list-item {
    position: relative;
    padding: 0 0 0 21px;
    font-size: 14px;
    line-height: 17px;
    color: #b5b6c0;
}

.plain__list-item--simple {
    padding: 0;
    font-size: 13px;
    line-height: 16px;
}

.plain__list-item+.plain__list-item {
    margin: 8px 0 0 0;
}

.plain__list-item:not(.plain__list-item--simple)::before {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    background: #eb6a57;
}

@media (max-width: 1200px) {
    .plain__list-item {
        font-size: 13px;
        line-height: 16px;
    }
}

@media (max-width: 599px) {
    .plain__list-item {
        font-size: 11px;
        line-height: 16px;
    }
}

.plain__link {
    color: #ec6a57;
    transition: color 0.3s;
}

.plain__link:hover {
    color: #ff8876;
}

.plain .ant-collapse-header {
    max-width: 150px;
    width: auto;
    display: flex;
    background: #1f222d;
    border-radius: 6px !important;
    padding: 7px 16px !important;
    display: inline-flex;
    color: #616a7d !important;
    font-weight: 500;
    font-size: 14px;
    margin: 15px 0 0 0;
    cursor: pointer;
    align-items: center;
    transition: background 0.3s, color 0.3s;
}

.plain .ant-collapse-header svg {
    margin: 0 0 0 9px;
}

.plain .ant-collapse-header svg path {
    transition: stroke 0.3s;
}

.plain .ant-collapse-header:hover {
    background: #252835;
    color: #8f96a5 !important;
}

.plain .ant-collapse-header:hover path {
    stroke: #8f96a5;
}

.plain .ant-collapse-header .ant-collapse-expand-icon {
    order: 2;
    padding-inline-end: 0px !important;
}

.plain__sub-title {
    color: #fc7166;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
}

.plain__img {
    margin: 20px auto 20px auto;
    max-width: 450px;
}

.plain__img_small {
    max-width: 250px;
}

.plain__img_large {
    max-width: 650px;
}

@media screen and (max-width: 710px) {
    .plain__img_large {
        max-width: 450px;
    }
}

@media screen and (max-width: 500px) {
    .plain__img {
        max-width: 280px;
    }
}

.about__list {
    margin-top: 10px;
}

.about__item {
    font-size: 13px;
    line-height: 20px;
    color: #737c8f;
}

.tabs {
    width: calc(100% - 50px);
    margin: 25px auto 0 auto;
    padding: 25px;
    background: #171921;
    border-radius: 6px;
    box-sizing: border-box;
    max-width: 1375px;
}

@media (max-width: 1800px) {
    .tabs {
        padding: 20px 25px;
    }
}

@media (max-width: 1200px) {
    .tabs {
        width: calc(100% - 30px);
        padding: 25px 15px;
    }
}

.tabs .ant-tabs-tab {
    padding: 0px 0px 20px 0px;
    font-size: 15px;
    padding: 0 0 25px 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

@media (max-width: 1800px) {
    .tabs .ant-tabs-tab {
        font-size: 13px;
    }
}

@media (max-width: 1800px) {
    .tabs .ant-tabs-tab {
        padding: 0 0 20px 0;
        font-size: 13px;
    }
}

.tabs .ant-tabs-tab+.tabs .ant-tabs-tab {
    margin: 0 0 0 25px;
}

.tabs .ant-tabs-nav::before {
    border-bottom: 1px solid #1e202b;
}

.tabs__list {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #1e202b;
    position: relative;
}

.tabs__tabs {
    margin: 15px 0 0 0;
    position: relative;
    overflow: hidden;
}

.tabs__tab {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: -20px;
    transition: opacity 0.3s, transform 0.3s;
}

.tabs__tab--current {
    opacity: 1;
    visibility: visible;
    position: relative;
    transform: translateX(20px);
}

.table {
    width: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0 16px;
}

.table--faq {
    margin: 15px 0 0 0;
}

.table__collect {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #8dd37b;
}

.table__cashback-id {
    width: 300px;
}

.table th,
.table td {
    vertical-align: middle;
    font-weight: 500;
}

.table th:first-of-type,
.table td:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 0 20px;
}

@media (max-width: 900px) {

    .table th:first-of-type,
    .table td:first-of-type {
        padding: 0;
    }

    .table th:first-of-type.td-jackpot-winners,
    .table td:first-of-type.td-jackpot-winners {
        padding: 0 20px;
    }
}

.table th:last-of-type,
.table td:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

@media (max-width: 900px) {

    .table th:last-of-type,
    .table td:last-of-type {
        border-top-right-radius: 0;
    }
}

.table th {
    height: 18px;
    font-size: 12px;
    color: #C1C1CC;
    font-weight: 500;
    text-transform: uppercase;
}

.table th:first-of-type {
    padding: 0 0 0 20px;
}


@media (max-width: 1800px) {
    .table th {
        height: 48px;
        font-size: 12px;
    }
}

.table__live th:nth-child(2) {
    width: auto !important;
}

.table__live th:not(:first-of-type) {
    width: auto !important;
}

.table--dice th {
    background: #151920;
    color: #303544;
}

.table--provably th {
    color: #4f5465;
}

.table--provably-roulette tr:not(.table__title):nth-of-type(odd),
.table--provably-crash tr:not(.table__title):nth-of-type(odd) {
    background-color: #1a1d26;
}

.table--provably__date {
    width: 100px;
}

@media (max-width: 1300px) {
    .table--provably-crash__secret {
        max-width: 500px;
    }
}

@media (max-width: 900px) {
    .table--provably-crash__secret {
        max-width: 100%;
    }

    .table--provably-crash__secret span:last-of-type {
        width: calc(70% - 25px);
    }
}

.table--faq th {
    background: #13151c;
    color: #303544;
}

@media screen and (min-width: 900px) {
    .table--faq td:first-of-type {
        width: 200px;
    }
}

.table__faq-green {
    color: #7ec76c;
    font-weight: 600;
}

.table__faq-white {
    color: #d6d7dc;
}

.table__faq-gray {
    color: #9da3b2;
}

.table__faq-dark {
    color: #7a7b84;
}

.table__rarity {
    font-weight: 600;
}

.table__rarity--bronze {
    color: #c4874f;
}

.table__rarity--silver {
    color: #d8cabd;
}

.table__rarity--gold {
    color: #d9b65e;
}

.table__rarity--platinum {
    color: #5796d0;
}

.table__rarity--ruby {
    color: #dc4f4f;
}

.table__rarity--sapphire {
    color: #5471d8;
}

.table__rarity--emerald {
    color: #83ce69;
}

.table__rarity--amethyst {
    color: #a667e4;
}

.table__rarity--diamond {
    color: #6cdbe2;
}

.table__title_game {
    width: 100px;
}

.table__title_time {
    width: 100px;
    max-width: 100px;
}

.table__title_roll {
    max-width: 100px;
    width: 80px;
}

.table__title_chance {
    max-width: 100px;
    width: 80px;
}

.table__title_bet {
    max-width: 100px;
}

.table__title_profit {
    max-width: 150px;
}

.table td {
    height: 64px;
    font-size: 12px;
    color: #C1C1CC;
}

@media (max-width: 1800px) {
    .table td {
        height: 48px;
        font-size: 12px;
    }
}

.table--provably td {
    color: #b2b2bb;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
}

.table__provably-seed {
    position: relative;
    line-height: 24px;
    padding: 0 0 0 26px;
}

.table__provably-seed::before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
}

.table__provably-seed--wrong {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: #f5705e;
}

.table__provably-seed--wrong::before {
    background-image: url("wrong.79f703b6144214d257a2.svg");
}

.table__provably-seed--used {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: #f5705e;
    padding-left: 0;
}

.table__provably-seed--used::before {
    display: none;
}

@media (max-width: 599px) {
    .table__provably-seed--used {
        padding-left: 0 !important;
    }
}

.table__provably-seed--unused {
    padding-left: 0;
}

@media (max-width: 599px) {
    .table__provably-seed--unused {
        padding-left: 0 !important;
    }
}

.table__provably-seed--good {
    color: #78cd63;
    font-weight: 500;
    font-size: 14px;
}

.table__provably-seed--good::before {
    background-image: url("good.ffa840256ad464bc326f.svg");
}

@media (max-width: 1800px) {
    .table__provably-seed {
        font-size: 12px;
        width: calc(100% - 50px);
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
}

@media (max-width: 900px) {
    .table__provably-seed {
        width: calc(70% - 70px);
        font-size: 11px;
    }
}

@media (max-width: 599px) {
    .table__provably-seed {
        line-height: 15px;
        padding: 0 0 0 22px;
    }

    .table__provably-seed::before {
        width: 20px;
        height: 20px;
    }
}

.table__provably-lottery {
    margin: 0 50px 0 0;
}

.table__provably-check-roll-button {
    height: 34px;
    border: 1px solid rgba(245, 112, 94, 0.06);
    border-radius: 6px;
    padding: 0 16px;
    display: inline-flex;
    justify-items: center;
    align-items: center;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    color: #f5705e;
    transition: color 0.3s, background 0.3s;
}

.table__provably-check-roll-button:hover {
    background: #f58677;
    color: #613c38;
}

.table__provably-check-roll-button_crash {
    border: none;
    background-color: rgba(0, 0, 0, 0);
}

.table__provably-check-roll-button_crash:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #f58677;
}

@media screen and (min-width: 1000px) {
    .table__row_first-game {
        max-width: 280px !important;
        min-width: 280px !important;
    }

    .table__row_user-row {
        max-width: 210px !important;
        min-width: 210px !important;
    }

    .table__row_live-bet {
        width: 150px !important;
    }

    .table__row_multi {
        width: 100px !important;
    }

    .table__row_prof {
        width: 120px !important;
    }
}

.table__row:nth-of-type(odd) td {
    background: #1b1d25;
}

@media (max-width: 900px) {
    .table__row:nth-of-type(odd) td {
        background: rgba(27, 29, 37, 0.6);
    }
}

.table--dice .table__row:nth-of-type(odd) td {
    background: #151920;
}

.table--faq .table__row:nth-of-type(odd) td {
    background: #191b24;
}

.table--jack-winners .table__row:nth-of-type(odd) td {
    background: #1a1d26;
}

.table__link {
    color: #fc7166;
    transition: color 0.3s;
    display: inline-block;
    padding: 0 26px 0 0;
    position: relative;
    line-height: 18px;
    text-transform: capitalize;
    max-width: 255px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table__link:hover {
    color: #fff;
}

.table__link::before {
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url("link-icon.8ce90329e262fafabf0f.svg") no-repeat;
    background-size: 100%;
}

@media (max-width: 900px) {
    .table__link {
        padding: 0 20px 0 0;
    }

    .table__link::before {
        width: 14px;
        height: 14px;
        bottom: 0;
        margin: auto;
    }
}

.table__plain {
    color: #b2b2bb;
}

.table__plain--red {
    color: #f5705e;
}

.table__plain_dice-winner-bet {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #ebf1ff;
}

.table__plain_slots-game {
    width: 157px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table__gray {
    color: #747682;
}

.table__chance {
    color: #d4d8e7;
}

.table__dice-bet {
    color: #d4d8e7;
}

.table__user {
    display: flex;
    align-items: center;
}

.table__user_dice .avatar {
    width: 30px !important;
}

@media screen and (max-width: 900px) {
    .table__user_dice .avatar {
        width: auto !important;
    }
}

.table__username {
    display: inline-block;
    color: #c2c2cf;
    margin: 0 0 0 9px;
    transition: color 0.3s;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table__username--plg {
    color: #ed665c;
}

.table__username--plg:hover {
    color: #ff9188;
}

.table__username--vip {
    color: #ffe4ae;
}

.table__username--zadrot {
    color: #f5955e;
}

.table__username--admin {
    color: #6992cf;
}

.table__username--owner {
    color: #ff7070;
}

.table__username--moderator {
    color: #5ef5ec;
}

.table__username--brilliant {
    color: #ffe4ae;
}

.table__username--exclusive {
    color: #e168d5;
}

.table__bet {
    font-weight: 600;
    color: #c2c2cf;
}

.table__bet--usd::before {
    background-image: url("/assets/icons/bet-usd.svg");
}

.table__bet--usd-white {
    color: #ebf1ff;
}

.table__bet--usd-white::before {
    background-image: url("bet-usd-white.ee7787220a998df8c2cc.svg");
}

.table__multiplier {
    font-weight: 700;
    font-size: 12px;
    line-height: 27px;
    color: #e2e5ff;
    display: inline-block;
    padding: 0 9px;
    border-radius: 8px;
}

.table__multiplier--blue {
    background: linear-gradient(180deg, #4255b8 0%, #499cb7 100%);
}

.table__multiplier--purple {
    background: linear-gradient(180deg, #684bba 0%, #c0567c 100%);
    color: #efe2ff;
}

.table__multiplier--orange {
    background: linear-gradient(180deg, #a34651 0%, #cd8f56 100%);
    color: #fff4e2;
}

.table__multiplier--violet {
    background: linear-gradient(180deg, #5443ba 0%, #9954c4 100%);
    color: #e2e5ff;
}

@media (max-width: 900px) {
    .table__multiplier {
        height: 22px;
        border-radius: 4px;
        padding: 0 7px;
        line-height: 22px;
        font-size: 11px;
    }
}

.table__profit--positive {
    color: #7ec76c;
}

.table__profit--negative {
    color: #d14f4f;
}

.table__profit--usd::before {
    background-image: url("/assets/icons/usd.svg");
}

.table__profit--usd-negative::before {
    background-image: url("usd-negative-bets.6b335b505bd360df3b25.svg");
}

.table__profit--plg {
    color: #f46879;
}

.table__profit--plg::before {
    background-image: url("plg.19b187337aca3a7ba9a5.svg");
}

.table__profit_usd {
    margin-right: 5px;
}

.table--dice-winners th {
    background-color: red;
}

.table__currency {
    display: inline-block;
    line-height: 16px;
    position: relative;
    padding: 0 0 0 16px;
}

.table__currency::before {
    width: 14px;
    height: 14px;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.table__currency--plg {
    padding: 0 0 0 18px;
}

.table__currency--plg::before {
    width: 16px;
    height: 16px;
}

.table--affiliates td {
    height: 50px;
}

.table--affiliates th {
    background-color: #1c1e29;
}

.table--affiliates th:first-of-type {
    width: 120px;
}

.table--jack-winners th {
    background-color: #191b23;
}

.table__jackpot-total {
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    height: 32px;
    display: flex;
    background: linear-gradient(242.76deg,
            rgba(45, 38, 34, 0.4) 19.03%,
            rgba(122, 89, 51, 0.4) 103.59%);
    border: 1px solid #3c322a;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    color: #f6c170;
    padding: 0 11px 0 37px;
    position: relative;
}

.table__jackpot-total::before {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 10px;
    background: url("jackpot-icon.f2eb7e538b1d2b1a9b87.svg") no-repeat;
    background-size: 100%;
}

.table__jackpot-total--casino {
    background: linear-gradient(242.76deg,
            rgba(45, 34, 34, 0.4) 19.03%,
            rgba(122, 64, 51, 0.4) 103.59%);
    color: #ff8660;
    border: 1px solid #2d2125;
    font-weight: 700;
}

.table__jackpot-total--casino::before {
    background: url("casino-icon.787b38b4829c529e7e69.svg") no-repeat;
    background-size: 100%;
}

.table__jackpot-winners-button {
    box-sizing: border-box;
    height: 34px;
    border: 1px solid #251f25;
    border-radius: 6px;
    transition: color 0.3s, background 0.3s;
    cursor: pointer;
    font-weight: 700;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 13px;
    color: #f5705e;
}

.table__jackpot-winners-button:hover {
    background: #f5705e;
    color: #3e1d19;
}

.table__jackpot-winners-user-id {
    color: #747682;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.table__jackpot-winners-jackpot {
    color: #ebf1ff;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}

.table__jackpot-winners-bet {
    color: #7ec76c;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.table__jackpot-winners-user-id_column {
    width: 170px;
}

.table--jackpot-winners th {
    background: #151720;
}

.table--jackpot-winners .table__row:nth-of-type(odd) td {
    background: #1c1e29;
}

.table__payment-id {
    color: #9397a4;
}

.table__payment-token {
    color: #cfd4e4;
    padding: 0 0 0 23px;
    position: relative;
}

.table__payment-token::before {
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-size: auto 100%;
}

.table__payment-default {
    color: #a8acbd;
    max-width: 400px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

@media (max-width: 599px) {
    .table__payment-default--address {
        max-width: 100px;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
    }
}

.table__payment-light {
    color: #bbbfcf;
}

.table__payment-extralight {
    color: #cfd4e4;
}

.table__deposit-id {
    width: 100px;
}

.table__status {
    position: relative;
    padding: 0 0 0 26px;
    line-height: 22px;
    display: block;
}

.table__status::before {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.table__status--rejected {
    color: #d2534b;
}

.table__status--rejected::before {
    background-image: url("table-status-fail.766b417d421b0470f354.svg");
}

.table__status--successful,
.table__status--success,
.table__status--confirmed {
    color: #7ec76c;
}

.table__status--successful::before,
.table__status--success::before,
.table__status--confirmed::before {
    background-image: url("table-status-success.5676740558ca24a1f1e9.svg");
}

.table__status--created,
.table__status--sent,
.table__status--in_progress,
.table__status--sent {
    color: #f1bc6c;
}

.table__status--created::before,
.table__status--sent::before,
.table__status--in_progress::before,
.table__status--sent::before {
    background-image: url("table-status-awaiting.9e366fc6ef56aefcd356.svg");
}

.table__status--canceled {
    color: #9397a4;
}

.table__status--canceled::before {
    background-image: url("table-status-canceled.6aedab4c238af2484b77.svg");
}

.table__roll {
    width: 52px;
    height: 28px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    color: #b2b2bb;
    border-radius: 6px;
}

.table__roll::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: "";
    margin: 0 7px 0 0;
}

.table__roll--double {
    width: 67px;
}

.table__roll--red {
    border: 1px solid #934444;
}

.table__roll--red::before {
    background: #853b3b;
}

.table__roll--black {
    border: 1px solid #4b4d56;
}

.table__roll--black::before {
    background: #4b4d56;
}

.table__roll--zero {
    border: 1px solid #3e7c57;
}

.table__roll--zero::before {
    background: #3e7c57;
}

.table__orange {
    font-weight: 600;
    color: #f58677;
}

.table__yellow {
    font-weight: 600;
    color: #f2c681;
}

.table__offers-description {
    flex-grow: 1;
    padding: 0 20px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 10%;
    white-space: nowrap;
}

table.responsive span[data-type="responsive"] {
    display: none;
}

@media (max-width: 900px) {
    table.responsive span[data-type="responsive"] {
        width: calc(30% - 15px);
        min-width: 110px;
        height: 100%;
        display: flex;
        align-items: center;
        color: #5a6071;
        padding: 0 0 0 15px;
        background: #1b1d25;
        margin: 0 15px 0 0;
    }

    table.table--affiliates span[data-type="responsive"] {
        width: calc(40% - 15px);
    }

    table.table--jackpot-winners span[data-type="responsive"] {
        background: #1e1f2a;
    }

    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {
        box-sizing: border-box;
        display: block;
    }

    html.ie9 table.responsive,
    html.ie9 table.responsive thead,
    html.ie9 table.responsive tbody,
    html.ie9 table.responsive th,
    html.ie9 table.responsive td,
    html.ie9 table.responsive tr {
        float: left;
        clear: both;
        width: 100%;
    }

    table.responsive td {
        background: rgba(27, 29, 37, 0.6);
        border-bottom: 1px solid #171921;
        display: flex;
        align-items: center;
    }

    table.responsive th {
        display: none;
    }

    .table__row {
        border-radius: 6px;
        overflow: hidden;
    }

    .table__row+.table__row {
        margin: 8px 0 0 0;
    }

    .table .avatar__image {
        width: 20px;
        height: 20px;
        border-radius: 4px;
    }
}

.games {
    margin: 0px auto 25px;
    padding: 0 25px;
    max-width: 1425px;
}

@media (max-width: 1200px) {
    .games {
        padding: 0 15px;
    }
}

.games__title {
    font-size: 22px;
    line-height: 27px;
    color: #d5d5e3;
    margin: 0 0 5px 0;
}

@media (max-width: 1800px) {
    .games__title {
        font-size: 18px;
        line-height: 22px;
    }
}

.games__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.games__item {
    width: calc(25% - 8px);
    height: 200px;
    position: relative;
    background: linear-gradient(125.85deg, #1b1d26 44.17%, #281f21 103.18%);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    margin: 10px 0 0 0;
}

.games--cybersport-bets .games__item:first-of-type {
    margin: 10px 5px 0 0;
}

@media (max-width: 1600px) {
    .games--cybersport-bets .games__item:first-of-type {
        margin: 10px 0 0 0;
    }
}

@media (max-width: 900px) {
    .games--cybersport-bets .games__item:first-of-type {
        width: calc(25% - 10px);
    }
}

@media (max-width: 599px) {
    .games--cybersport-bets .games__item:first-of-type {
        width: calc(25% - 6px);
        margin: 8px 0 0 0;
    }
}

@media (max-width: 1800px) {
    .games__item {
        height: 180px;
    }
}

@media (max-width: 1600px) {
    .games__item {
        height: 150px;
    }
}

@media (max-width: 900px) {
    .games__item {
        width: calc(50% - 4px);
        margin: 8px 0 0 0;
    }
}

@media (max-width: 599px) {
    .games__item {
        height: 107px;
    }
}

.games__item--small {
    width: calc(10.7% - 5px);
    background: linear-gradient(159.6deg, #1b1d26 55.12%, #3d2325 114.29%);
}

@media (max-width: 1600px) {
    .games__item--small {
        width: calc(25% - 8px);
    }
}

@media (max-width: 599px) {
    .games__item--small {
        width: calc(25% - 6px);
    }
}

.games__item::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    transition: opacity 0.3s;
    opacity: 0;
}

.games__item::before {
    background: linear-gradient(125.85deg, #20222e 44.17%, #332c39 103.18%);
}

.games__item:hover::before {
    opacity: 1;
}

.games__item-title {
    font-size: 20px;
    line-height: 24px;
    color: #a1a7b8;
    position: absolute;
    transition: color 0.3s, background 0.3s;
    top: 19px;
    left: 19px;
    z-index: 10;
    font-weight: 300;
}

@media (max-width: 1800px) {
    .games__item-title {
        font-size: 18px;
        line-height: 20px;
        top: 15px;
        left: 15px;
    }
}

.games__item-title--bricked {
    top: 14px;
    left: 14px;
    background: rgba(60, 65, 88, 0.3);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 4px;
    font-size: 14px;
    color: #c9cdda;
    padding: 0 14px;
    line-height: 31px;
}

.games__item-title--shadowed {
    width: 100%;
    height: 50px;
    top: auto;
    left: 0;
    bottom: 0;
    color: #e5e9f3;
    font-size: 16px;
    padding: 0 0 0 23px;
    position: absolute;
    display: flex;
    align-items: center;
}

.games__item-title--shadowed::before,
.games__item-title--shadowed::after {
    width: 100%;
    height: 50px;
    position: absolute;
    content: "";
    background: linear-gradient(0deg,
            rgb(27, 29, 38) 0%,
            rgba(40, 31, 31, 0) 100%);
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: opacity 1.5s;
}

.games__item:hover .games__item-title--shadowed::before,
.games__item:hover .games__item-title--shadowed::after {
    opacity: 0.5;
}

@media (max-width: 599px) {
    .games__item-title--shadowed {
        width: 100%;
        height: 35px;
        padding: 0 0 0 12px;
        font-size: 12px;
    }
}

@media (max-width: 599px) {
    .games__item-title:not(.games__item-title--shadowed) {
        font-size: 12px;
        line-height: 15px;
        top: 10px;
        left: 10px;
    }

    .games__item-title--bricked {
        background: none;
        padding: 0;
        color: #a1a7b8;
    }

    .games--cybersport-bets .games__item-title--bricked {
        width: calc(100% - 20px);
        text-align: center;
    }
}

.games__item:hover .games__item-title {
    color: #d5d5e3;
}

.games__item:hover .games__item-title--bricked {
    background: rgba(78, 87, 126, 0.3);
}

.games__link {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    z-index: 15;
}

.games__link-image {
    width: 100%;
    transition: transform 1.5s;
}

@media (max-width: 1200px) {
    .games__link-image {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.games__link:hover img {
    transform: scale(1.05);
}

.games__link::before {
    width: 337px;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    transition: transform 1.5s;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media (max-width: 1800px) {
    .games__link::before {
        width: 270px;
        height: 160px;
        top: auto;
        bottom: 0;
    }
}

@media (max-width: 1600px) {
    .games__link::before {
        width: 240px;
        height: 142px;
    }
}

@media (max-width: 1400px) {
    .games__link::before {
        width: 210px;
        height: 124px;
    }
}

@media (max-width: 599px) {
    .games__link::before {
        width: 180px;
        height: 106px;
    }
}

.games__link:not(.games__link--small):hover::before {
    transform: scale(1.05);
}

.games__link--small::before {
    width: 141px;
    height: 140px;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -70px;
}

@media (max-width: 1800px) {
    .games__link--small::before {
        width: 120px;
        height: 120px;
        margin: -60px 0 0 -60px;
    }
}

@media (max-width: 599px) {
    .games__link--small::before {
        width: 86px;
        height: 86px;
        margin: -43px 0 0 -43px;
    }
}

.games__link--roulette::before {
    background-image: url("/assets/images/index/roulette.png");
}

.games__link--dice::before {
    background-image: url("/assets/images/index/dice.png");
}

.games__link--crash::before {
    background-image: url("/assets/images/index/crash.png");
}

.games__link--coinflip::before {
    background-image: url("/assets/images/index/coinflip.png");
}

.games__link--all-slots::before {
    background-image: url("/assets/images/all-slots.webp");
}

.games__link--all-bets::before {
    background-image: url("new-all-bets.8368373a244d4d00b7cd.png");
    top: -11px;
    height: 225px;
}

@media (max-width: 1800px) {
    .games__link--all-bets::before {
        width: 270px;
        height: 175px;
        top: 5px;
        bottom: 0;
    }
}

@media (max-width: 1600px) {
    .games__link--all-bets::before {
        width: 240px;
        height: 146px;
    }
}

@media (max-width: 1400px) {
    .games__link--all-bets::before {
        width: 210px;
        height: 145px;
        top: 15px;
    }
}

@media (max-width: 599px) {
    .games__link--all-bets::before {
        width: 120px;
        height: 90px;
        top: 30px;
    }
}

.games__link--csgo::before {
    background-image: url("csgo.638c046d60be7f72b1b0.svg");
}

.games__link--dota2::before {
    background-image: url("dota2.2a64b0d9ec64cb899da0.svg");
}

.games__link--lol::before {
    background-image: url("lol.1570db1cdafe16aa89dc.svg");
}

.games__link--starcraft::before {
    background-image: url("starcraft.76e6ea7405036ef8a86f.svg");
}

.games__link--overwatch::before {
    background-image: url("overwatch.29d88da2c8e9ef22363b.svg");
}

.games__link--rainsix::before {
    background-image: url("rainsix.888e9c397089dee93d47.svg");
}

.games__link--king-of-glory::before {
    background-image: url("king-of-glory.82bb691d91bcdaf50591.svg");
}

.games__link--soccer::before {
    background-image: url("soccer.8af8637f90559098d5d6.svg");
}

.games__link--basket::before {
    background-image: url("basket.f7c7c53f2159a2269851.svg");
}

.games__link--tennis::before {
    background-image: url("tennis.fab948ab248a1016ef22.svg");
}

.games__link--hickey::before {
    background-image: url("hickey.cc6ebf4e762ecf25fdf6.svg");
}

.join {
    width: calc(100% - 50px);
    min-height: 168px;
    background: linear-gradient(223.33deg,
            #1e222d 9.79%,
            #2e2632 70.69%,
            #3d272f 109.42%);
    border-radius: 6px;
    position: relative;
    margin: 35px auto 0 auto;
    box-sizing: border-box;
    padding: 0 0 0 254px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1375px;
}

.join::before {
    width: 175px;
    height: 182px;
    position: absolute;
    bottom: 0;
    left: 28px;
    content: "";
    background: url("lock.b9ac8532544c21074487.png") no-repeat;
    background-size: 100%;
    transition: transform 1s;
    transform-origin: 50% 100%;
}

.join:hover::before {
    transform: scale(1.04);
}

@media (max-width: 1800px) {
    .join {
        min-height: 132px;
    }

    .join::before {
        width: 140px;
        height: 146px;
    }
}

@media (max-width: 1400px) {
    .join {
        padding: 0 0 0 190px;
    }

    .join::before {
        left: 10px;
    }
}

@media (max-width: 1200px) {
    .join {
        width: calc(100% - 30px);
    }
}

@media (max-width: 760px) {
    .join {
        min-height: 144px;
        margin: 25px auto 0 auto;
    }
}

@media (max-width: 400px) {
    .join {
        padding: 20px 0 20px 120px;
    }
}

@media (max-width: 599px) {
    .join {
        padding: 0 0 0 120px;
    }

    .join::before {
        width: 100px;
        height: 104px;
    }
}

@media (max-width: 400px) {
    .join {
        padding: 20px 0 20px 120px;
    }
}

.join__title {
    font-weight: 600;
    font-size: 38px;
    text-transform: uppercase;
    color: #f5705e;
}

@media (max-width: 1800px) {
    .join__title {
        font-size: 30px;
    }
}

@media (max-width: 1400px) {
    .join__title {
        font-size: 24px;
    }
}

@media (max-width: 599px) {
    .join__title {
        font-size: 20px;
    }
}

.join__description {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin: 5px 0 0 0;
}

@media (max-width: 1800px) {
    .join__description {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 1400px) {
    .join__description {
        font-size: 14px;
        line-height: 18px;
        margin: 3px 0 0 0;
    }
}

@media (max-width: 599px) {
    .join__description {
        font-size: 12px;
        line-height: 16px;
        margin: 5px 0 0 0;
    }
}

.join__buttons {
    height: 100%;
    display: flex;
    position: absolute;
    right: 50px;
    top: 0;
    align-items: center;
}

.join__buttons-item {
    display: flex;
}

.join__buttons-item+.join__buttons-item {
    margin: 0 0 0 8px;
}

@media (max-width: 760px) {
    .join__buttons-item {
        width: 50%;
    }
}

@media (max-width: 400px) {
    .join__buttons-item {
        width: 100%;
    }

    .join__buttons-item+.join__buttons-item {
        margin: 5px 0 0 0;
    }
}

@media (max-width: 1800px) {
    .join__buttons {
        right: 36px;
    }
}

.join__buttons-link {
    height: 68px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0 30px 0 26px;
    font-size: 15px;
    transition: border 0.3s, color 0.3s, background 0.3s;
}

.join__buttons-link--join {
    background: #f5705e;
    border-radius: 6px;
    color: #3e1d19;
}

.join__buttons-link--join:hover {
    background: #f58677;
    color: #613c38;
}

.join__buttons-link--join:hover path {
    fill: #613c38;
}

.join__buttons-link--login {
    border: 1px solid #f5705e;
    color: #f5705e;
}

.join__buttons-link--login:hover {
    color: #f58677;
    border: 1px solid #f58677;
}

.join__buttons-link--login:hover path {
    fill: #f58677;
}

@media (max-width: 1800px) {
    .join__buttons-link {
        height: 56px;
        padding: 0 24px 0 20px;
        font-size: 13px;
    }
}

@media (max-width: 900px) {
    .join__buttons-link {
        height: 44px;
        padding: 12px;
        font-size: 12px;
    }
}

@media (max-width: 760px) {
    .join__buttons-link {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 760px) {
    .join__buttons {
        width: calc(100% - 20px);
        position: static;
        margin: 10px 0 0 0;
    }
}

@media (max-width: 400px) {
    .join__buttons {
        flex-wrap: wrap;
    }
}

.join__buttons-icon {
    margin: 0 6px 0 0;
}

.join__buttons-icon path {
    transition: fill 0.3s;
}

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

@media (max-width: 500px) {
    .join__buttons-icon {
        display: none;
    }
}

.winner-data {
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10001;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 270px;
}

.winner-data__icon {
    width: 350px;
    height: 350px;
    margin-bottom: -50px;
}

@media (max-width: 760px) {
    .winner-data__icon {
        width: 250px;
        height: 250px;
        margin-bottom: -40px;
    }
}

@media (max-width: 599px) {
    .winner-data__icon {
        width: 200px;
        height: 200px;
        margin-bottom: -30px;
    }
}

.winner-data__title {
    color: #ebf1ff;
    font-weight: 700;
    font-size: 44px;
    line-height: 54px;
}

@media (max-width: 760px) {
    .winner-data__title {
        font-size: 34px;
        line-height: 54px;
    }
}

@media (max-width: 599px) {
    .winner-data__title {
        font-size: 24px;
        line-height: 54px;
    }
}

.winner-data__text {
    color: #b2b2bb;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    gap: 5px;
}

.winner-data__text span {
    color: #f1bc6c;
    font-weight: 600;
}

@media (max-width: 760px) {
    .winner-data__text {
        font-size: 14px;
        line-height: 19px;
    }
}

.winner-data__sum {
    color: #f6c170;
    font-weight: 700;
    font-size: 60px;
    line-height: 74px;
    margin-bottom: 24px;
}

@media (max-width: 760px) {
    .winner-data__sum {
        margin-bottom: 16px;
        font-size: 54px;
    }
}

@media (max-width: 599px) {
    .winner-data__sum {
        font-size: 44px;
    }
}

.winner-data__bet {
    background: linear-gradient(0deg,
            #4a3624 0%,
            #312723 50.64%,
            #252229 121.49%);
    border-radius: 6px;
    padding: 16px 30px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.winner-data__bet_text {
    color: #b2b2bb;
    font-size: 16px;
    line-height: 18px;
}

.winner-data__bet_sum {
    color: #f1bc6c;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.winner-data__wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

.winner-data__close {
    position: absolute;
    right: 70px;
    top: 70px;
    width: 40px;
    height: 40px;
    padding: 0;
    z-index: 10001;
}

.winner-data__close svg {
    width: 100%;
    height: 100%;
}

@media (max-width: 760px) {
    .winner-data__close {
        right: 50px;
        top: 50px;
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 599px) {
    .winner-data__close {
        right: 30px;
        top: 30px;
        width: 25px;
        height: 25px;
    }
}

.sticky {
    display: none;
    box-sizing: content-box;
}

@media (max-width: 1200px) {
    .sticky {
        width: calc(100% - 30px);
        height: 66px;
        background: #1d202c;
        border-radius: 12px 12px 0 0;
        position: fixed;
        display: flex;
        align-items: center;
        left: 0;
        bottom: 0;
        z-index: 10000;
        padding: 0 15px;
    }
}

.sticky__home {
    width: 36px;
    height: 36px;
    background: #232737;
    border-radius: 8px;
    margin: 0 6px 0 0;
    transition: background 0.3s;
    cursor: pointer;
    position: relative;
}

.sticky__home::before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url("/assets/icons/home.24ab479eca8bdec92102.svg") 50% no-repeat;
    background-size: 20px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.sticky__home:hover {
    background: #292f3b;
}

.sticky__home:hover::before {
    opacity: 1;
}

.sticky__categories-trigger {
    height: 36px;
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    color: #7e869b;
    background: #232737;
    border-radius: 8px;
    padding: 0 35px 0 13px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    position: relative;
}

.sticky__categories-trigger:hover {
    background: #292f3b;
    color: #848da4;
}

.sticky__side {
    margin: 0 0 0 auto;
    display: flex;
    padding-right: 60px;
}

.sticky__chat-trigger {
    width: 36px;
    height: 36px;
    background: linear-gradient(173.64deg, #232737 3.21%, #683640 109.16%);
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.sticky__chat-trigger::before,
.sticky__chat-trigger::after {
    width: 36px;
    height: 36px;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.sticky__chat-trigger::before {
    background: linear-gradient(173.64deg, #292f3b 3.21%, #723944 109.16%);
    transition: opacity 0.3s;
    opacity: 0;
}

.sticky__chat-trigger:hover::before {
    opacity: 1;
}

.sticky__chat-trigger::after {
    background: url("chat.59d5906cfd912c99016d.svg") 50% no-repeat;
    z-index: 2;
}

.sticky .hamburger {
    display: block;
    position: absolute;
    top: 12px;
    right: 8px;
    width: 18px;
    height: 16px;
    cursor: pointer;
    z-index: 5;
}

.sticky .hamburger span {
    transition: all 0.3s ease 0s;
    top: 6px;
    left: 0px;
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #4d4959;
}

.sticky .hamburger span:first-child {
    width: 12px;
    top: 0px;
}

.sticky .hamburger span:last-child {
    top: auto;
    bottom: 2px;
    width: 8px;
}

.sticky .hamburger.active span {
    transform: scale(0);
}

.sticky .hamburger.active span:first-child {
    transform: rotate(-45deg);
    top: 5px;
    width: 15px;
}

.sticky .hamburger.active span:last-child {
    transform: rotate(45deg);
    bottom: 9px;
    width: 15px;
}

.side {
    width: calc(100% - 495px);
    margin: 0 0 0 auto;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.side__row {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}

.side__plain-page {
    max-width: 1425px;
    padding: 30px 30px 0 30px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .side__plain-page {
        padding: 25px 30px 0 30px;
    }
}

@media (max-width: 900px) {
    .side__plain-page {
        padding: 20px 20px 0 20px;
    }
}

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

.side__page-title {
    font-weight: 500;
    font-size: 30px;
    line-height: 37px;
    margin: 0 0 20px 0;
    color: #f5705e;
    padding: 0 0 0 37px;
    background-size: 33px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.side__page-title--affiliates {
    background-image: url("/assets/icons/affiliates.svg");
}

.side__page-title--faq {
    background-image: url("/assets/icons/faq.svg");
}

.side__page-title--referral {
    background-image: url("/assets/icons/referral.svg");
}

.side__page-title--jackpot {
    background-image: url("/assets/icons/jackpot.svg");
}

.side__page-title--deposit {
    background-image: url("/assets/icons/deposit.svg");
}

.side__page-title--withdraw {
    background-image: url("/assets/icons/withdraw.svg");
}

.side__page-title--provably-fair {
    background-image: url("/assets/icons/provably-fair.svg");
}

.side__page-title--offers {
    background-image: url("/assets/icons/offers.svg");
}

.side__page-title--transfers {
    background-image: url("/assets/icons/transfers.svg");
}

.side__page-title--bets-history {
    background-image: url("/assets/icons/bets-history.svg");
}

@media (max-width: 1800px) {
    .side__page-title {
        font-size: 24px;
        line-height: 32px;
        padding: 0 0 0 32px;
        background-size: 30px;
    }
}

@media (max-width: 900px) {
    .side__page-title {
        font-size: 20px;
        line-height: 28px;
        padding: 0 0 0 30px;
        background-size: 28px;
    }
}

@media (max-width: 599px) {
    .side__page-title {
        font-size: 18px;
        line-height: 26px;
        padding: 0 0 0 28px;
        background-size: 26px;
        margin: 0 0 10px 0;
    }
}

@media (max-width: 1800px) {
    .side {
        width: calc(100% - 465px);
    }
}

@media (max-width: 1600px) {
    .side {
        width: calc(100% - 425px);
    }
}

@media (max-width: 1200px) {
    .side {
        width: 100%;
        padding: 80px 0 60px 0;
    }
}

@media (max-width: 900px) {
    .side {
        padding: 64px 0 60px 0;
    }
}

.side--without-chat {
    width: calc(100% - 135px);
}

@media (max-width: 1200px) {
    .side--without-chat {
        width: 100%;
    }
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }

    25% {
        opacity: 0;
        transform: translateX(1.5rem) scale(0.9);
    }

    26% {
        opacity: 0;
        transform: translateX(-1.5rem) scale(0.9);
    }

    35% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
}

.jackpot {
    position: relative;
    border-radius: 6px;
    display: flex;
    text-transform: uppercase;
    flex-direction: column;
}

.jackpot path,
.jackpot circle {
    transition: fill 0.3s, stroke 0.3s;
}

.jackpot::before {
    position: absolute;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 2;
    transition: transform 1s;
    transform-origin: 50% 100%;
}

.jackpot::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s;
    border-radius: inherit;
}

.jackpot:hover::after {
    opacity: 1;
}

.jackpot:hover path {
    fill: #a9998a;
    animation: bounceAlpha 1.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1 both;
}

.jackpot:hover circle {
    stroke: #a9998a;
}

.jackpot:hover::before {
    transform: scale(1.05);
}

.jackpot--wide {
    width: 100%;
    height: 104px;
    background: linear-gradient(109.71deg,
            #4a3624 5.39%,
            #312723 33.25%,
            #252229 72.22%);
    padding: 0 0 0 212px;
    justify-content: center;
    box-sizing: border-box;
}

.jackpot--wide::before {
    width: 170px;
    height: 119px;
    background-image: url("/assets/images/cup-for-wide.webp");
    bottom: 0;
    left: 12px;
}

.jackpot--wide:not(.jackpot--roll) {
    max-width: 570px;
}

@media (max-width: 1850px) {
    .jackpot--wide:not(.jackpot--roll) {
        max-width: 415px;
    }
}

@media (max-width: 1650px) {
    .jackpot--wide:not(.jackpot--slots) {
        padding: 0 0 0 155px;
        height: 84px;
    }

    .jackpot--wide:not(.jackpot--slots)::before {
        width: 128px;
        height: 89px;
        left: 0;
    }
}

@media (max-width: 1500px) {

    .jackpot--wide:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash) {
        width: 300px;
        padding: 25px 0 0 25px;
        position: absolute;
        height: 100%;
        left: 0;
        bottom: 0;
        justify-content: normal;
    }

    .jackpot--wide:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash)::before {
        width: 160px;
        height: 110px;
        left: -10px;
    }

    .jackpot--wide:not(.jackpot--slots).jackpot--coinflip {
        max-width: 335px !important;
    }
}

@media (max-width: 1400px) {

    .jackpot--wide:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash) {
        width: 240px;
    }

    .jackpot--wide:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash)::before {
        width: 120px;
        height: 80px;
    }

    .jackpot--wide:not(.jackpot--slots).jackpot--coinflip {
        max-width: 100% !important;
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 760px) {

    .jackpot--wide:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash) {
        width: 100%;
        height: 64px;
        bottom: auto;
        top: -74px;
        padding: 0 0 0 110px;
        justify-content: center;
    }

    .jackpot--wide:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash)::before {
        width: 92px;
        height: 60px;
        left: 0;
    }
}

.jackpot--wide::after {
    background: linear-gradient(109.71deg,
            #604832 5.39%,
            #382c26 33.25%,
            #27232e 72.22%);
}

.jackpot--wide.jackpot--slots {
    background: linear-gradient(109.71deg,
            #4e2424 5.39%,
            #3d2323 33.25%,
            #292227 72.22%);
}

.jackpot--wide.jackpot--slots::before {
    width: 214px;
    height: 115px;
    background-image: url("slots-for-wide.e25623b44cb14b2281a8.png");
    bottom: 0;
    left: 23px;
}

.jackpot--wide.jackpot--slots::after {
    background: linear-gradient(109.71deg,
            #592b2b 5.39%,
            #472929 33.25%,
            #332b30 72.22%);
}

.jackpot--wide.jackpot--slots path {
    fill: #8f625f;
}

.jackpot--wide.jackpot--slots circle {
    stroke: #8f625f;
}

.jackpot--wide.jackpot--slots:hover path {
    fill: #b07d7a;
}

.jackpot--wide.jackpot--slots:hover circle {
    stroke: #b07d7a;
}

@media (max-width: 1850px) {
    .jackpot--wide.jackpot--slots {
        height: 84px;
        padding: 0 0 0 150px;
    }

    .jackpot--wide.jackpot--slots::before {
        width: 164px;
        height: 88px;
        left: 10px;
    }
}

@media (max-width: 1600px) {
    .jackpot--wide.jackpot--slots {
        max-width: 300px;
        padding: 0 0 0 120px;
    }

    .jackpot--wide.jackpot--slots::before {
        width: 135px;
        height: 73px;
        left: 5px;
    }
}

@media (max-width: 1400px) {
    .jackpot--wide.jackpot--slots {
        max-width: 254px;
    }
}

@media (max-width: 760px) {
    .jackpot--wide.jackpot--slots {
        max-width: 100%;
        padding: 0 0 0 170px;
    }

    .jackpot--wide.jackpot--slots::before {
        width: 164px;
        height: 88px;
        left: 23px;
    }
}

@media (max-width: 400px) {
    .jackpot--wide.jackpot--slots {
        padding: 0 0 0 140px;
    }

    .jackpot--wide.jackpot--slots::before {
        left: 10px;
    }
}

@media (max-width: 1500px) {
    .jackpot--wide.jackpot--jackpot-page {
        width: 100%;
        max-width: 100%;
        height: 84px;
        position: relative;
        box-sizing: border-box;
        padding: 0 0 0 140px;
        justify-content: center;
    }

    .jackpot--wide.jackpot--jackpot-page::before {
        width: 124px;
        height: 90px;
    }
}

@media (max-width: 760px) {
    .jackpot--wide.jackpot--jackpot-page {
        top: auto;
    }
}

.jackpot--fat {
    width: 218px;
    height: 301px;
    background: linear-gradient(151.55deg,
            #4a3624 -5.18%,
            #312723 37.44%,
            #252229 98.4%);
    justify-content: flex-end;
    padding: 0 0 26px 24px;
    box-sizing: content-box;
}

.jackpot--fat::before {
    width: 228px;
    height: 218px;
    background-image: url("/assets/icons/cup-for-fat.webp");
    top: 27px;
    left: -4px;
}

.jackpot--fat::after {
    background: linear-gradient(151.55deg,
            #58412c -5.18%,
            #392e29 37.44%,
            #2a272f 98.4%);
}

@media (max-width: 1850px) {
    .jackpot--fat {
        height: 286px;
    }

    .jackpot--fat::before {
        width: 194px;
        height: 185px;
        top: 40px;
    }
}

@media (max-width: 1600px) {
    .jackpot--fat {
        height: 245px;
        padding: 0 0 20px 20px;
    }

    .jackpot--fat::before {
        width: 144px;
        height: 138px;
        top: 30px;
        left: 15px;
    }
}

@media (max-width: 1400px) {
    .jackpot--fat {
        width: calc(50% - 5px);
        height: 130px;
        box-sizing: border-box;
        padding: 0 0 20px 170px;
    }

    .jackpot--fat::before {
        width: 116px;
        height: 107px;
        top: auto;
        bottom: 0;
    }
}

@media (max-width: 760px) {
    .jackpot--fat {
        padding: 0 0 20px 120px;
    }

    .jackpot--fat::before {
        left: -5px;
    }
}

@media (max-width: 599px) {
    .jackpot--fat {
        width: 100%;
        height: 84px;
        padding: 0 0 0 160px;
        justify-content: center;
    }

    .jackpot--fat::before {
        width: 92px;
        height: 80px;
        left: 25px;
    }
}

@media (max-width: 500px) {
    .jackpot--fat {
        padding: 0 0 0 130px;
    }
}

.jackpot--jackpot-page {
    padding: 0 0 0 176px;
}

.jackpot--jackpot-page::before {
    width: 143px;
    height: 108px;
    background-image: url("cup-for-jackpot-page.7d13250e1b0cd854d1dc.png");
    bottom: 0;
    left: 9px;
}

@media (max-width: 1600px) {
    .jackpot--jackpot-page {
        max-width: 100% !important;
    }
}

.jackpot__title {
    font-size: 24px;
    line-height: 29px;
    color: #bd8f59;
    font-weight: 300;
    position: relative;
    z-index: 2;
}

.jackpot--slots .jackpot__title {
    color: #a05544;
}

@media (max-width: 1850px) {
    .jackpot__title {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 1600px) {
    .jackpot__title {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (max-width: 760px) {
    .jackpot__title {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (max-width: 380px) {
    .jackpot__title {
        font-size: 16px;
        line-height: 18px;
    }
}

@media (max-width: 1400px) {
    .jackpot--fat .jackpot__title {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 1500px) {
    .jackpot--roll .jackpot__title {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 760px) {
    .jackpot--roll .jackpot__title {
        font-size: 16px;
        line-height: 20px;
    }
}

.jackpot--jackpot-page .jackpot__title {
    font-size: 18px;
    line-height: 22px;
}

@media (max-width: 599px) {
    .jackpot--jackpot-page .jackpot__title {
        font-size: 15px;
        line-height: 20px;
    }
}

.jackpot__counter {
    font-weight: 700;
    font-size: 37px;
    line-height: 45px;
    color: #f7c170;
    position: relative;
    z-index: 2;
}

.jackpot--fat .jackpot__counter {
    font-size: 31px;
    line-height: 38px;
}

@media (max-width: 1850px) {
    .jackpot--fat .jackpot__counter {
        font-size: 26px;
        line-height: 32px;
    }
}

@media (max-width: 1600px) {
    .jackpot--fat .jackpot__counter {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width: 1400px) {
    .jackpot--fat .jackpot__counter {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 599px) {
    .jackpot--fat .jackpot__counter {
        line-height: 28px;
    }
}

.jackpot--slots .jackpot__counter {
    color: #ff794f;
}

@media (max-width: 1850px) {
    .jackpot__counter {
        font-size: 28px;
        line-height: 34px;
    }
}

@media (max-width: 1600px) {
    .jackpot__counter {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 760px) {
    .jackpot__counter {
        font-size: 24px;
        line-height: 28px;
    }
}

@media (max-width: 380px) {
    .jackpot__counter {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1500px) {
    .jackpot--roll .jackpot__counter {
        font-size: 26px;
        line-height: 34px;
    }
}

@media (max-width: 760px) {
    .jackpot--roll .jackpot__counter {
        font-size: 23px;
        line-height: 28px;
    }
}

.jackpot--jackpot-page .jackpot__counter {
    font-size: 30px;
    line-height: 37px;
}

@media (max-width: 599px) {
    .jackpot--jackpot-page .jackpot__counter {
        font-size: 24px;
        line-height: 28px;
    }
}

.jackpot__button {
    position: absolute;
    z-index: 2;
}

.jackpot--wide .jackpot__button {
    right: 26px;
    bottom: 26px;
}

@media (max-width: 1850px) {
    .jackpot--wide .jackpot__button {
        right: 15px;
        bottom: auto;
        top: 15px;
    }
}

@media (max-width: 1400px) {
    .jackpot--wide .jackpot__button {
        top: 12px;
        right: 10px;
    }
}

@media (max-width: 760px) {
    .jackpot--roll .jackpot__button {
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center;
    }
}

.jackpot--fat .jackpot__button {
    top: 13px;
    left: 13px;
}

@media (max-width: 1400px) {
    .jackpot--fat .jackpot__button {
        left: auto;
        right: 13px;
    }
}

@media (max-width: 1400px) {
    .jackpot__button-icon {
        width: 18px;
        height: 18px;
    }
}

.jackpot--slots-jackpot-page::before {
    left: 8px !important;
}

@media (max-width: 1850px) {
    .jackpot--crash {
        height: 80px;
        padding: 0 0 0 160px;
    }

    .jackpot--crash::before {
        width: 120px;
        height: 84px;
    }
}

.confirm-bet {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.confirm-bet__text {
    color: #ebf1ff;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
}

.confirm-bet__text_max {
    text-align: center;
    font-size: 18px;
}

.roll__even-odd-wrap {
    display: flex;
    width: 100%;
    gap: 6px;
    justify-content: space-between;
}

.roll__even-odd-wrap .roll__bets-all {
    width: calc(33% - 3px);
}

.roll {
    max-width: 1425px;
    margin: 0 auto;
    position: relative;
}

.roll .roulette-winter-left {
    display: none;
}

.roll .roulette-winter-center {
    display: none;
}

.roll .roulette-winter-right {
    display: none;
}

.roll__bets {
    width: 100%;
    margin: 16px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.roll__bets-tabs {
    width: 100%;
    display: none;
    justify-content: space-between;
}

@media (max-width: 900px) {
    .roll__bets-tabs {
        display: flex;
    }
}

.roll__bets-tabs-item {
    border-radius: 6px 6px 0 0;
    width: calc(33.33% - 2px);
    display: flex;
    height: 46px;
    flex-direction: column;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
}

.roll__bets-tabs-item--red {
    background: linear-gradient(180deg, #2c1d20 0%, #1a1d26 100%);
    color: #f17b7b;
}

.roll__bets-tabs-item--red.roll__bets-tabs-item--active {
    background: linear-gradient(180deg, #65312c 0%, #322022 100%);
    color: #ffd3c6;
}

.roll__bets-tabs-item--zero {
    background: linear-gradient(180deg, #1d2b2c 0%, #1a1d26 100%);
    color: #79af88;
}

.roll__bets-tabs-item--zero.roll__bets-tabs-item--active {
    background: linear-gradient(180deg, #275f44 0%, #213529 100%);
    color: #95d3a6;
}

.roll__bets-tabs-item--black {
    background: linear-gradient(180deg, #1d232c 0%, #1a1d26 100%);
    color: #9aa3af;
}

.roll__bets-tabs-item--black.roll__bets-tabs-item--active {
    background: linear-gradient(180deg, #343842 0%, #21242d 100%);
}

.roll__bets-tabs-counter {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: rgba(198, 210, 217, 0.4);
}

.roll__bets-tabs-item--active .roll__bets-tabs-counter {
    display: none;
}

.roll__bets-item {
    width: calc(33.33% - 6px);
    transition: opacity 0.3s ease;
}

@media (max-width: 900px) {
    .roll__bets-item {
        width: 100%;
        display: none;
    }
}

.roll__bets-item--active {
    display: block;
}

.roll__bets-item--inactive {
    opacity: 0.4;
}

.roll__bets-item--lose {
    opacity: 0.2;
}

.roll__bets-panel {
    border-radius: 8px;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
}

.roll__bets-item--red .roll__bets-panel {
    background: linear-gradient(180deg,
            rgba(65, 36, 36, 0.7) 0%,
            rgba(31, 33, 44, 0.7) 100%);
}

.roll__bets-item--zero .roll__bets-panel {
    background: linear-gradient(180deg,
            rgba(40, 68, 48, 0.7) 0%,
            rgba(31, 33, 44, 0.7) 100%);
}

.roll__bets-item--black .roll__bets-panel {
    background: linear-gradient(180deg,
            rgba(41, 43, 53, 0.7) 0%,
            rgba(31, 33, 44, 0.7) 100%);
}

@media (max-width: 900px) {
    .roll__bets-panel {
        border-radius: 0 0 8px 8px;
    }
}

.roll__bets-all {
    height: 56px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}

.roll__bets-all__opacity {
    opacity: 0.2;
}

@media (max-width: 1800px) {
    .roll__bets-all {
        height: 44px;
        font-size: 12px;
    }
}

@media (max-width: 1500px) {
    .roll__bets-all {
        height: 38px;
        font-size: 10px;
    }
}

@media (max-width: 1400px) {
    .roll__bets-all {
        height: 30px;
    }
}

@media (max-width: 1250px) {
    .roll__bets-all {
        font-size: 9px;
    }
}

@media (max-width: 900px) {
    .roll__bets-all {
        height: 42px;
        width: 200px;
        font-size: 12px;
        flex-grow: unset;
    }

    .roll__bets-item--zero .roll__bets-all {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .roll__bets-all {
        width: 75px;
    }
}

.roll__bets-all-text {
    position: relative;
    z-index: 2;
}

.roll__bets-all-text:last-of-type {
    display: none;
}

@media (max-width: 900px) {
    .roll__bets-all-text:first-of-type {
        display: none;
    }

    .roll__bets-all-text:last-of-type {
        display: block;
    }
}

.roll__bets-all::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    opacity: 0;
    transition: opacity 0.3s;
}

.roll__bets-all.roll__bets-all_hover:hover::before {
    opacity: 1;
}

.roll__bets-item--red .roll__bets-all {
    color: #ffd3c6;
    background: linear-gradient(180deg, #632f2f 0%, #964236 100%);
}

.roll__bets-item--red .roll__bets-all::before {
    background: linear-gradient(180deg, #733838 0%, #ad5044 100%);
}

.roll__bets-item--zero .roll__bets-all {
    color: #d0f8db;
    background: linear-gradient(180deg, #275f44 0%, #348253 100%);
}

.roll__bets-item--zero .roll__bets-all::before {
    background: linear-gradient(180deg, #307453 0%, #4d9d6d 100%);
}

.roll__bets-item--black .roll__bets-all {
    color: #d2dae5;
    background: linear-gradient(180deg, #343742 0%, #424754 100%);
}

.roll__bets-item--black .roll__bets-all::before {
    background: linear-gradient(180deg, #3b3f4a 0%, #4d5261 100%);
}

.roll__bets-list {
    display: flex;
    margin: 0 0 0 4px;
}

@media (max-width: 900px) {
    .roll__bets-list {
        flex-grow: 1;
    }
}

.roll__bets-unit {
    width: 45px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 1800px) {
    .roll__bets-unit {
        width: 26px;
        font-size: 12px;
    }
}

@media (max-width: 1400px) {
    .roll__bets-unit {
        width: 24px;
    }
}

@media (max-width: 1250px) {
    .roll__bets-unit {
        width: 22px;
    }
}

@media (max-width: 1200px) {
    .roll__bets-unit {
        width: 26px;
    }
}

@media (max-width: 900px) {
    .roll__bets-unit {
        flex-grow: 1;
    }
}

.roll__bets-item--red .roll__bets-unit {
    color: #c29f9c;
    background: linear-gradient(180deg, #452424 0%, #71312d 100%);
}

.roll__bets-item--red .roll__bets-unit--active {
    color: #fffafb;
    background: linear-gradient(180deg, #50302e 0%, #82473f 100%);
}

.roll__bets-item--black .roll__bets-unit {
    color: #9298ac;
    background: linear-gradient(180deg, #2a2e37 0%, #363a46 100%);
}

.roll__bets-item--black .roll__bets-unit--active {
    color: #fffafb;
    background: linear-gradient(180deg, #30333e 0%, #404453 100%);
}

.roll__bets-unit+.roll__bets-unit {
    margin: 0 0 0 1px;
}

.roll__bets-unit:first-of-type {
    border-radius: 6px 0 0 6px;
}

.roll__bets-unit:last-of-type {
    border-radius: 0 6px 6px 0;
}

.roll__bets-description {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 8px 0 0 0;
}

.roll__bets-description-unit {
    width: calc(33% - 3px);
    height: 50px;
    display: flex;
    border-radius: 4px;
}

.roll__bets-item--red .roll__bets-description-unit {
    background: rgba(219, 132, 132, 0.13);
}

.roll__bets-item--zero .roll__bets-description-unit {
    background: rgba(132, 219, 167, 0.13);
}

.roll__bets-item--black .roll__bets-description-unit {
    background: rgba(86, 93, 113, 0.13);
}

@media (max-width: 1400px) {
    .roll__bets-description-unit {
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .roll__bets-description-unit {
        justify-content: left;
        text-align: left;
    }
}

.roll__bets-description-unit-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.roll__bets-description-unit-icon {
    width: 26px;
    height: 26px;
    margin: auto 5px auto 12px;
}

@media (max-width: 1800px) {
    .roll__bets-description-unit-icon {
        margin: auto 5px auto 7px;
    }
}

@media (max-width: 1500px) {
    .roll__bets-description-unit-icon {
        width: 18px;
        height: 18px;
    }

    .roll__bets-description-unit-icon svg {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1400px) {
    .roll__bets-description-unit-icon {
        display: none;
    }
}

@media (max-width: 1200px) {
    .roll__bets-description-unit-icon {
        display: flex;
    }
}

@media (max-width: 900px) {
    .roll__bets-description-unit-icon {
        width: 22px;
        height: 22px;
        margin: auto 5px auto 12px;
    }
}

.roll__bets-description-unit-title {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
}

.roll__bets-item--red .roll__bets-description-unit-title {
    color: #896a6a;
}

.roll__bets-item--zero .roll__bets-description-unit-title {
    color: #708c7f;
}

.roll__bets-item--black .roll__bets-description-unit-title {
    color: #6f7178;
}

@media (max-width: 1800px) {
    .roll__bets-description-unit-title {
        font-size: 9px;
    }
}

.roll__bets-description-unit-counter {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

.roll__bets-item--red .roll__bets-description-unit-counter {
    color: #eed4d2;
}

.roll__bets-item--zero .roll__bets-description-unit-counter {
    color: #e7faf3;
}

.roll__bets-item--black .roll__bets-description-unit-counter {
    color: #d2d6ea;
}

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

.roll__bets-users {
    margin: 0 -2px;
    display: flex;
    flex-wrap: wrap;
}

.roll__bets-users-item {
    width: 25%;
    height: 132px;
    display: flex;
    padding: 0 2px;
    margin: 4px 0 0 0;
    position: relative;
    z-index: 1;
}

.roll__bets-users-item-row {
    width: 100%;
    display: flex;
    height: 100%;
    background: #191b24;
    align-items: center;
    flex-direction: column;
    border-radius: 6px;
    transition: background 2s ease;
}

.roll__bets-users-item-row--lose {
    background: linear-gradient(159.78deg,
            rgba(31, 33, 44, 0.7) 9.94%,
            rgba(72, 38, 45, 0.7) 100.34%);
}

.roll__bets-users-item-row--win {
    background: linear-gradient(159.78deg,
            rgba(31, 33, 44, 0.7) 9.94%,
            rgba(40, 70, 52, 0.7) 100.34%);
}

@media (max-width: 1800px) {
    .roll__bets-users-item {
        height: 125px;
    }
}

@media (max-width: 1500px) {
    .roll__bets-users-item {
        width: 33.33%;
    }
}

@media (max-width: 1400px) {
    .roll__bets-users-item {
        width: 50%;
    }
}

@media (max-width: 900px) {
    .roll__bets-users-item {
        width: 33.33%;
    }
}

.roll__bets-users-userpic {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    overflow: hidden;
    margin: 14px 0 0 0;
}

.roll__bets-users-bet {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    margin: -12px 0 0 0;
}

.roll__bets-item--red .roll__bets-users-bet {
    background: linear-gradient(180deg,
            rgba(103, 31, 31, 0.8) 0%,
            rgba(143, 53, 53, 0.8) 100%);
    color: #eeb1a9;
}

.roll__bets-users-item-row--lose .roll__bets-users-bet {
    background: linear-gradient(180deg,
            rgba(170, 62, 62, 0.9) 0%,
            rgba(202, 80, 80, 0.9) 100%);
    color: #ffe0dc;
}

.roll__bets-item--zero .roll__bets-users-bet {
    background: linear-gradient(180deg,
            rgba(48, 94, 61, 0.8) 0%,
            rgba(47, 129, 89, 0.8) 100%);
    color: #d1ffde;
}

.roll__bets-item--black .roll__bets-users-bet {
    background: linear-gradient(180deg,
            rgba(23, 26, 34, 0.8) 0%,
            rgba(66, 70, 80, 0.8) 100%);
    color: #d2dae5;
}

.roll__bets-item--black .roll__bets-users-bet--black {
    background: linear-gradient(180deg,
            rgba(48, 54, 72, 0.8) 0%,
            rgba(100, 105, 119, 0.8) 100%);
}

@media (max-width: 1800px) {
    .roll__bets-users-bet {
        width: 20px;
        height: 20px;
        font-size: 11px;
        margin: -10px 0 0 0;
    }
}

.roll__bets-users-nickname {
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    margin: 4px 0 6px 0;
    max-width: 85px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

@media (max-width: 1800px) {
    .roll__bets-users-nickname {
        font-size: 11px;
        line-height: 15px;
        margin: 4px 0;
    }
}

.roll__bets-users-total {
    border: 1px solid #21242f;
    border-radius: 4px;
    padding: 0 9px;
    line-height: 25px;
    font-weight: 600;
    font-size: 12px;
    color: #7ec76c;
}

.roll__bets-users-item-row--lose .roll__bets-users-total {
    color: #e37474;
    border: 1px solid #462f38;
}

.roll__bets-users-item-row--win .roll__bets-users-total {
    border: 1px solid #2b4334;
}

.roll__bets-users-total--plg {
    color: #f46879;
    background: url("plg.19b187337aca3a7ba9a5.svg") 7px 50% no-repeat;
    background-size: 14px;
    padding: 0 9px 0 25px;
}

@media (max-width: 1800px) {
    .roll__bets-users-total {
        font-size: 10px;
    }
}

.roll__bet {
    width: 100%;
    background: #1b1d26;
    border-radius: 6px;
    padding: 20px;
    display: flex;
}

.roll__bet-item--wide {
    flex-grow: 1;
    margin: 0 0 0 8px;
}

@media (max-width: 1800px) {
    .roll__bet-item--wide {
        width: 90px;
    }
}

@media (max-width: 599px) {
    .roll__bet-item--wide {
        margin: 0 0 0 6px;
    }
}

@media (max-width: 1500px) {
    .roll__bet {
        width: calc(100% - 310px);
        box-sizing: border-box;
        margin: 0 0 0 auto;
    }
}

@media (max-width: 1400px) {
    .roll__bet {
        width: calc(100% - 250px);
        padding: 15px;
    }
}

@media (max-width: 760px) {
    .roll__bet {
        width: calc(100% - 30px);
        margin: 0 auto;
    }
}

.roll__bets-item--zero .roll__bets-all {
    background: rgba(39, 95, 68, 0.3294117647);
    border: 2px solid #265e43;
}

.roll__bets-item--zero .roll__bets-all.roll__even-odd-wrap_zero {
    background: linear-gradient(180deg, #275f44 0%, #348253 100%);
    border: none;
}

@keyframes slideInFromBottom {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.roll__bets-users-item--animated {
    opacity: 0;
    animation: slideInFromBottom 0.35s cubic-bezier(0.28, 0.07, 0.21, 0.87);
    animation-fill-mode: forwards;
}

.roll-history {
    width: 100%;
    height: 80px;
    margin: 25px 0 10px 0;
    background: #1b1d26;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    display: flex;
}

@media (max-width: 1650px) {
    .roll-history {
        margin: 15px 0 10px 0;
    }
}

@media (max-width: 1500px) {
    .roll-history {
        width: calc(100% - 310px);
        margin: 0 0 10px auto;
    }
}

@media (max-width: 1400px) {
    .roll-history {
        width: calc(100% - 250px);
        height: 64px;
    }
}

@media (max-width: 760px) {
    .roll-history {
        width: calc(100% - 30px);
        height: 44px;
        margin: 0 auto 10px auto;
    }
}

.roll-history__title {
    width: 34px;
    height: 80px;
    background: #21232e;
    font-weight: 700;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    color: #73788c;
    position: absolute;
    left: 0;
    bottom: 0;
    writing-mode: vertical-lr;
    line-height: 34px;
    transform: rotate(180deg);
}

@media (max-width: 1400px) {
    .roll-history__title {
        height: 64px;
        font-size: 9px;
    }
}

@media (max-width: 760px) {
    .roll-history__title {
        width: auto;
        height: 100%;
        font-size: 10px;
        writing-mode: inherit;
        line-height: 1;
        transform: none;
        position: static;
        background: none;
        display: flex;
        align-items: center;
        padding: 0 10px;
    }
}

.roll-history__row {
    width: calc(100% - 58px);
    margin: 0 12px 0 auto;
    position: relative;
    overflow: hidden;
}

.roll-history__row::before {
    width: 60px;
    height: 100%;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(270deg, #1b1d26 0%, rgba(40, 31, 31, 0) 100%);
    z-index: 2;
    pointer-events: none;
}

.roll-history__list {
    width: 10000px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.roll-history__item {
    width: 34px;
    height: 56px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.roll-history__item+.roll-history__item {
    margin: 0 0 0 2px;
}

.roll-history__item--red {
    background: linear-gradient(180deg,
            rgba(49, 34, 38, 0.7) 0%,
            rgba(129, 57, 52, 0.7) 100%);
    color: #bda59e;
}

.roll-history__item--black {
    background: linear-gradient(180deg,
            rgba(33, 35, 45, 0.7) 0%,
            rgba(55, 59, 71, 0.7) 100%);
    color: #838c94;
}

.roll-history__item--zero {
    background: linear-gradient(180deg,
            rgba(39, 48, 54, 0.7) 0%,
            rgba(49, 90, 63, 0.7) 100%);
    color: #9ebfa7;
}

@media (max-width: 1400px) {
    .roll-history__item {
        font-size: 13px;
        width: 30px;
        height: 40px;
    }
}

@media (max-width: 760px) {
    .roll-history__item {
        width: 27px;
        height: 28px;
    }
}

@keyframes roulette-history {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.roll-history__item--animation:first-child {
    opacity: 1;
    animation: roulette-history 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.roll {
    padding: 0 25px;
}

@media (max-width: 1200px) {
    .roll {
        padding: 0 15px;
    }
}

@media (max-width: 760px) {
    .roll {
        padding: 74px 15px 0 15px;
    }
}

.roll__top {
    width: 100%;
    padding: 25px;
    background: #171921;
    border-radius: 6px;
    display: flex;
    overflow: hidden;
    position: relative;
}

.roll__top-side {
    width: 100%;
    max-width: 640px;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 20;
    padding: 0 0 0 20px;
}

.roll__top::before {
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: linear-gradient(180deg, #171921 0%, rgba(23, 25, 33, 0) 100%);
    z-index: 10;
}

@media (max-width: 1500px) {
    .roll__top {
        flex-wrap: wrap;
    }

    .roll__top-side {
        max-width: 100%;
        margin: 20px 0 0 0;
        padding: 0;
    }
}

@media (max-width: 760px) {
    .roll__top {
        width: 100%;
        box-sizing: border-box;
        padding: 0 0 15px 0;
        overflow: visible;
    }

    .roll__top-side {
        position: static;
        margin: 0;
    }

    .roll__top::before {
        height: 40px;
    }
}

.roll__wheel {
    height: 570px;
    margin: -375px 0 0 0;
}

@media (max-width: 1800px) {
    .roll__wheel {
        margin: -349px 0 0 0;
    }
}

@media (max-width: 1600px) {
    .roll__wheel {
        margin: -300px 0 0 0;
    }
}

@media (max-width: 1500px) {
    .roll__wheel {
        height: 570px;
        margin: -300px auto 0 auto;
    }
}

@media (max-width: 760px) {
    .roll__wheel {
        height: 185px;
        margin: 0 auto;
        overflow: hidden;
    }
}

@keyframes flashing {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0.25;
    }

    to {
        opacity: 1;
    }
}

.wheel {
    width: 700px;
    height: 700px;
    position: relative;
    border-radius: 100%;
}

.wheel::before,
.wheel::after,
.wheel__row::before,
.wheel__row::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.wheel::before {
    width: 540px;
    height: 544px;
    background: url("/assets/icons/radial-circle.svg") no-repeat;
    background-size: 100%;
}

.wheel::after {
    width: 264px;
    height: 27px;
    top: auto;
    background: url("/assets/icons/pointer.svg") no-repeat;
    background-size: 100%;
    bottom: -22px;
    z-index: 30;
    transition: transform 1s, opacity 0.7s;
    opacity: 1;
}

@media (max-width: 1800px) {
    .wheel {
        width: 650px;
        height: 650px;
    }
}

@media (max-width: 1600px) {
    .wheel {
        width: 550px;
        height: 550px;
    }

    .wheel::after {
        width: 190px;
        height: 20px;
    }

    .wheel::before {
        width: 490px;
        height: 490px;
    }
}

@media (max-width: 760px) {
    .wheel {
        width: 340px;
        height: 340px;
        margin: -170px auto 0 auto;
    }

    .wheel::after {
        width: 150px;
        height: 16px;
        bottom: -17px;
    }

    .wheel::before {
        width: 100%;
        height: 370px;
        opacity: 0.8;
    }
}

.wheel__rolling::after {
    opacity: 1;
    transform: translateY(-10px);
}

.wheel__row {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    transition: transform 15s cubic-bezier(0.15, 0.85, 0.43, 1);
    -webkit-transition: -webkit-transform 15s cubic-bezier(0.15, 0.85, 0.43, 1);
    will-change: transform;
}

.wheel__row::before {
    width: 622px;
    height: 622px;
    background: url("radial-border.4cf7146580eeb6446730.svg") no-repeat;
    background-size: 100%;
    z-index: 3;
}

.wheel__row::after {
    width: 490px;
    height: 493px;
    background: url("radial-separators.d38b338d999b0669e6e9.svg") no-repeat;
    background-size: 100%;
}

@media (max-width: 1800px) {
    .wheel__row::before {
        width: 582px;
        height: 582px;
    }

    .wheel__row::after {
        width: 460px;
        height: 460px;
    }
}

@media (max-width: 1600px) {
    .wheel__row::before {
        width: 490px;
        height: 490px;
    }

    .wheel__row::after {
        width: 385px;
        height: 385px;
    }
}

@media (max-width: 760px) {
    .wheel__row::before {
        width: 306px;
        height: 306px;
    }

    .wheel__row::after {
        width: 240px;
        height: 240px;
    }
}

.wheel__item {
    width: 141px;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transform-origin: center bottom;
    display: flex;
    pointer-events: none;
    transition: opacity 0.7s;
}

@media (max-width: 1800px) {
    .wheel__item {
        width: 130px;
    }
}

@media (max-width: 1600px) {
    .wheel__item {
        width: 110px;
    }
}

@media (max-width: 760px) {
    .wheel__item {
        width: 68px;
    }
}

.wheel__item--transparent {
    opacity: 0.2;
}

.wheel__item--win {
    opacity: 1;
}

.wheel__item::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}

.wheel__item--black::before {
    background-image: url("/assets/roulette/black.svg");
}

.wheel__item--red::before {
    background-image: url("/assets/roulette/red.svg");
}

.wheel__item--green::before {
    background-image: url("/assets/roulette/green.svg");
}

.wheel__item-cell {
    width: 141px;
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    position: relative;
    opacity: 0.4;
}

@media (max-width: 1800px) {
    .wheel__item-cell {
        width: 100%;
        height: 90px;
        font-size: 36px;
    }
}

.wheel__item--black .wheel__item-cell {
    background: linear-gradient(180deg, #868b9a 0%, #c2c2c2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.wheel__item--red .wheel__item-cell {
    background: linear-gradient(180deg, #ad646d 0%, #c9a5ac 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.wheel__item--green .wheel__item-cell {
    background: linear-gradient(180deg, #64ad93 0%, #a5c9ad 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

@media (max-width: 1600px) {
    .wheel__item-cell {
        height: 74px;
        font-size: 32px;
    }
}

@media (max-width: 760px) {
    .wheel__item-cell {
        height: 50px;
        font-size: 16px;
    }
}

.wheel__circle {
    width: 408px;
    height: 408px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0;
    z-index: 20;
}

@media (max-width: 1600px) {
    .wheel__circle {
        width: 340px;
        height: 340px;
    }

    .wheel__circle canvas {
        width: 100% !important;
        height: 100% !important;
    }
}

@media (max-width: 760px) {
    .wheel__circle {
        width: 220px;
        height: 220px;
    }
}

.wheel__description {
    height: 200px;
    font-weight: 300;
    font-size: 50px;
    line-height: 61px;
    color: #ced1e0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -10px 0 0 0;
    flex-direction: column;
    z-index: 20;
}

@media (max-width: 1800px) {
    .wheel__description {
        font-size: 40px;
        line-height: 54px;
    }
}

@media (max-width: 1600px) {
    .wheel__description {
        height: 160px;
        font-size: 34px;
        line-height: 44px;
    }
}

@media (max-width: 760px) {
    .wheel__description {
        height: 110px;
        font-size: 30px;
        line-height: 37px;
    }
}

.wheel__subtitle {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #73788c;
    transition: font-size 0.3s, line-height 0.3s,
        transform 0.8s cubic-bezier(0.15, 0.85, 0.43, 1.4);
}

@media (max-width: 1800px) {
    .wheel__subtitle {
        font-size: 16px;
        line-height: 20px;
    }
}

.wheel__subtitle--accent {
    font-size: 40px;
    line-height: 49px;
    color: #ced1e0;
    font-weight: 300;
    transform: translateY(-60px);
    transition: font-size 0.3s cubic-bezier(0.15, 0.85, 0.43, 1.4);
}

@media (max-width: 1800px) {
    .wheel__subtitle--accent {
        font-size: 32px;
        line-height: 40px;
        transform: translateY(-50px);
    }
}

@media (max-width: 1600px) {
    .wheel__subtitle--accent {
        transform: translateY(-40px);
    }
}

.wheel__subtitle--finished {
    font-size: 50px;
    line-height: 61px;
}

@media (max-width: 1800px) {
    .wheel__subtitle--finished {
        font-size: 42px;
        line-height: 50px;
    }
}

@media (max-width: 1600px) {
    .wheel__subtitle--finished {
        font-size: 36px;
        line-height: 40px;
    }
}

@media (max-width: 760px) {
    .wheel__subtitle {
        font-size: 12px;
        line-height: 15px;
    }

    .wheel__subtitle--accent {
        font-size: 24px;
        line-height: 29px;
        transform: translateY(-25px);
    }

    .wheel__subtitle--finished {
        transform: translateY(-30px);
    }
}

.wheel__timer {
    width: 100%;
    animation: flashing 1s infinite;
    display: flex;
    transition: transform 0.3s, opacity 0.3s;
}

.wheel__timer div {
    width: 100%;
    display: flex;
}

.wheel__timer div:first-of-type {
    justify-content: center;
}

.wheel__timer--hidden {
    opacity: 0;
    transform: translateY(-20px) scale(0.5);
    animation: none;
}

.wheel__loader {
    width: 36px;
    height: 6px;
    display: none;
    justify-content: center;
    position: absolute;
    bottom: 80px;
    transition: opacity 0.3s, transform 0.3s;
}

.wheel__loader--visible {
    display: flex;
}

.wheel__loader--hidden {
    opacity: 0;
    transform: scale(0);
}

@media (max-width: 1600px) {
    .wheel__loader {
        bottom: 55px;
    }
}

@media (max-width: 760px) {
    .wheel__loader {
        bottom: 30px;
    }
}

.wheel__win {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 30px;
    transition: transform 0.3s cubic-bezier(0.15, 0.85, 0.43, 1.4), opacity 0.3s;
}

.wheel__win--visible {
    transform: translateY(-15px);
    opacity: 1;
    visibility: visible;
}

.wheel__win-title {
    font-weight: 400;
    color: #73788c;
}

.wheel__win-number {
    font-weight: 700;
    margin: 9px 0 0 0;
}

.wheel__win-number--red {
    color: #d2625b;
}

.wheel__win-number--black {
    color: #474b57;
}

.wheel__win-number--zero {
    color: #7dcb93;
}

.wheel__win-number--black.черное {
    color: #474b57;
}

.wheel__win-number--black.красное {
    color: #d2625b;
}

.wheel__win-number--black.зелёное {
    color: #7dcb93;
}

.wheel__win-number--black.black {
    color: #474b57;
}

.wheel__win-number--black.red {
    color: #d2625b;
}

.wheel__win-number--black.green {
    color: #7dcb93;
}

@media (max-width: 1800px) {
    .wheel__win {
        font-size: 17px;
        line-height: 20px;
        bottom: 35px;
    }
}

@media (max-width: 1600px) {
    .wheel__win {
        font-size: 16px;
        line-height: 18px;
        bottom: 15px;
    }
}

@media (max-width: 760px) {
    .wheel__win {
        font-size: 12px;
        line-height: 15px;
        bottom: 0;
    }

    .wheel__win-number {
        margin: 5px 0 0 0;
    }
}

.wheel__item:nth-of-type(1) {
    transform: rotate(24deg);
}

.wheel__item:nth-of-type(2) {
    transform: rotate(48deg);
}

.wheel__item:nth-of-type(3) {
    transform: rotate(72deg);
}

.wheel__item:nth-of-type(4) {
    transform: rotate(96deg);
}

.wheel__item:nth-of-type(5) {
    transform: rotate(120deg);
}

.wheel__item:nth-of-type(6) {
    transform: rotate(144deg);
}

.wheel__item:nth-of-type(7) {
    transform: rotate(168deg);
}

.wheel__item:nth-of-type(8) {
    transform: rotate(192deg);
}

.wheel__item:nth-of-type(9) {
    transform: rotate(216deg);
}

.wheel__item:nth-of-type(10) {
    transform: rotate(240deg);
}

.wheel__item:nth-of-type(11) {
    transform: rotate(264deg);
}

.wheel__item:nth-of-type(12) {
    transform: rotate(288deg);
}

.wheel__item:nth-of-type(13) {
    transform: rotate(312deg);
}

.wheel__item:nth-of-type(14) {
    transform: rotate(336deg);
}

.wheel__item:nth-of-type(15) {
    transform: rotate(360deg);
}

.field__title {
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #686c79;
    margin: 0 0 9px 0;
}

@media (max-width: 1400px) {
    .field__title {
        font-size: 11px;
        line-height: 13px;
        margin: 0 0 5px 0;
    }
}

.field__row {
    height: 52px;
    background: #171921;
    border-radius: 6px;
    display: flex;
    align-items: center;
    position: relative;
}

.field__row--balance {
    padding: 0 46px 0 12px;
}

.field__row--dice {
    height: 60px;
    flex-grow: 1;
    margin: 0 10px 0 0;
}

@media (max-width: 1600px) {
    .field__row--dice {
        height: 52px;
    }
}

@media (max-width: 500px) {
    .field__row--dice {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 599px) {
    .field__row--roll {
        padding: 0 34px 0 10px;
    }

    .field__row--coinflip {
        margin: 0 10px;
    }
}

.field__row--window {
    height: 56px;
}

.field__row--window-with-icon path {
    transition: filter 0.3s;
}

.field__row--window-with-icon:hover path {
    filter: brightness(1.4);
}

.field__row--window-with-icon svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
}

.field__balance {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.field__balance--usd {
    color: #7ec76c;
    padding: 0 0 0 20px;
    background: url("/assets/icons/usd.svg") 0 50% no-repeat;
    background-size: 18px;
}

@media (max-width: 599px) {
    .field__balance--usd {
        padding: 0 0 0 16px;
        background-size: 14px;
    }
}

.field__balance--plg {
    color: #f46879;
    padding: 0 0 0 22px;
    background: url("plg.19b187337aca3a7ba9a5.svg") 0 50% no-repeat;
    background-size: 18px;
}

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

.field__changer {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    cursor: pointer;
    transition: transform 0.5s cubic-bezier(0.28, 0.07, 0.21, 0.87);
}

.field__changer path {
    transition: stroke 0.3s;
}

.field__changer:hover {
    transform: rotate(360deg);
}

.field__changer:hover path {
    stroke: #9297a5;
}

@media (max-width: 599px) {
    .field__changer {
        width: 18px;
        height: 18px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 10px;
    }

    .field__changer svg {
        width: 18px;
        height: 18px;
    }
}

.field__field {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 0 0 0 16px;
    transition: color 0.3s, background 0.3s;
    background: #171921;
    font-size: 15px;
    color: #e0e2eb;
    border: none;
}

.field__field .ant-input-number-input-wrap {
    height: 100%;
}

.field__field .ant-input-number-input {
    padding: 13px 0px;
    height: 100%;
}

.field__field-dice .ant-input-number-input {
    padding: 18px 0px;
}

.field__field.ant-input-number-focused {
    box-shadow: none;
}

.field__row--window .field__field {
    background: #13151d;
    font-size: 14px;
    padding: 0 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fdf8ff;
}

.field__row--window .field__field:hover {
    background: #12141c;
}

.field__row--window .field__field:focus {
    background: #111319;
}

.field__row--window-with-icon .field__field {
    padding: 0 18px 0 40px;
}

.field__row--window-with-forgot .field__field {
    padding: 0 160px 0 40px;
}

@media (max-width: 1880px) {
    .field__field {
        font-size: 13px;
    }
}

.field__row--dice .field__field {
    background: #14161e;
}

.field__row--dice .field__field:hover {
    background: #13151c;
}

.field__row--dice .field__field:focus {
    background: #12141b;
}

.field__field::-moz-placeholder {
    color: #494e63;
}

.field__field::placeholder {
    color: #494e63;
}

.field__row--window .field__field::-moz-placeholder {
    color: #686c79;
    -moz-transition: filter 0.3s, opacity 0.3s;
    transition: filter 0.3s, opacity 0.3s;
}

.field__row--window .field__field::placeholder {
    color: #686c79;
    transition: filter 0.3s, opacity 0.3s;
}

.field__field:hover {
    background: #16181f;
}

.field__row--window:hover .field__field::-moz-placeholder {
    filter: brightness(1.2);
}

.field__row--window:hover .field__field::placeholder {
    filter: brightness(1.2);
}

.field__row--window .field__field:focus::-moz-placeholder {
    opacity: 0 !important;
}

.field__row--window .field__field:focus::placeholder {
    opacity: 0 !important;
}

.field__field:focus {
    background: #15171e;
}

.field__field--search {
    height: 50px;
    font-size: 14px;
    padding: 0 50px 0 15px;
    background: #14161e;
    color: #b2b6c8;
}

.field__field--search:hover {
    background: #13151c;
}

.field__field--search:focus {
    background: #11131b;
}

@media (max-width: 1600px) {
    .field__field--search {
        font-size: 12px;
        padding: 0 50px 0 10px;
    }
}

@media (max-width: 760px) {
    .field__field--search {
        height: 38px;
    }
}

.field__triggers {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 9px 0 0;
}

.field__triggers-button {
    min-width: 44px;
    height: 28px;
    background: #1d1f29;
    color: #717580;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 0 10px;
    transition: color 0.3s, background 0.3s;
}

.field__triggers-button:hover {
    background: #252734;
    color: #878c9a;
}

.field__triggers-button+.field__triggers-button {
    margin: 0 0 0 4px;
}

@media (max-width: 1800px) {
    .field__triggers-button {
        min-width: 36px;
        font-size: 8px;
        padding: 0 6px;
    }
}

@media screen and (max-width: 1690px) {
    .field__triggers--roll {
        display: none;
    }
}

@media (max-width: 1600px) {
    .field__triggers--roll {
        display: flex;
    }
}

@media (max-width: 1200px) {
    .field__triggers--roll {
        display: flex;
    }
}

@media (max-width: 599px) {
    .field__triggers--roll {
        display: none;
    }
}

@media (max-width: 599px) {
    .field__row--coinflip .field__triggers {
        display: none;
    }
}

.field__remove {
    cursor: pointer;
    margin: 0 0 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field__remove path {
    transition: fill 0.3s;
}

.field__remove:hover path {
    fill: #71757f;
}

@keyframes dotFalling {
    0% {
        box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
    }

    25%,
    50%,
    75% {
        box-shadow: 9999px 0 0 0 #7f8392;
    }

    100% {
        box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
    }
}

@keyframes dotFallingBefore {
    0% {
        box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
    }

    25%,
    50%,
    75% {
        box-shadow: 9984px 0 0 0 #7f8392;
    }

    100% {
        box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
    }
}

@keyframes dotFallingAfter {
    0% {
        box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
    }

    25%,
    50%,
    75% {
        box-shadow: 10014px 0 0 0 #7f8392;
    }

    100% {
        box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
    }
}

.loader {
    position: relative;
    left: -9999px;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: #7f8392;
    color: #7f8392;
    box-shadow: 9999px 0 0 0 #7f8392;
    animation: dotFalling 1s infinite linear;
    animation-delay: 0.1s;
}

.loader::before,
.loader::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}

.loader::before {
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: #7f8392;
    color: #7f8392;
    animation: dotFallingBefore 1s infinite linear;
    animation-delay: 0s;
}

.loader::after {
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: #7f8392;
    color: #7f8392;
    animation: dotFallingAfter 1s infinite linear;
    animation-delay: 0.2s;
}

.repeat-bet {
    background: #32354a;
    border-radius: 6px;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #8993ad;
    padding: 0 20px 0 15px;
    transition: color 0.3s, background 0.3s;
    display: flex;
    align-items: center;
}

.repeat-bet path {
    transition: fill 0.3s;
}

.repeat-bet:hover {
    background: #3c4056;
    color: #a3adc7;
}

.repeat-bet:hover path {
    fill: #a3adc7;
}

.repeat-bet:hover svg {
    transform: rotate(360deg);
}

.repeat-bet__icon {
    transition: transform 0.5s cubic-bezier(0.28, 0.07, 0.21, 0.87);
    transform-origin: 51% 54%;
    margin: 0 4px 0 0;
}

@media (max-width: 1800px) {
    .repeat-bet--roll .repeat-bet__icon {
        display: none;
    }
}

@media (max-width: 1600px) {
    .repeat-bet__icon {
        display: none;
    }
}

@media (max-width: 599px) {
    .repeat-bet__icon {
        display: block;
    }
}

@media (max-width: 1600px) {
    .repeat-bet {
        padding: 0 15px;
    }
}

@media (max-width: 599px) {
    .repeat-bet {
        width: calc(50% - 5px);
        box-sizing: border-box;
        justify-content: center;
        height: 52px;
        margin: 10px 0 0 0;
    }
}

@media (max-width: 500px) {
    .repeat-bet {
        margin: 0 0 0 10px;
    }
}

.repeat-bet--roll {
    height: 52px;
    margin: auto 0 0 10px;
}

@media (max-width: 1800px) {
    .repeat-bet--roll {
        padding: 0 15px;
    }
}

@media (max-width: 599px) {
    .repeat-bet--roll {
        width: auto;
        margin: auto 0 0 6px;
    }
}

.circle {
    transform: scaleX(-1);
}

.ant-progress {
    width: 100%;
    height: 100%;
}

.ant-progress .ant-progress-inner {
    width: inherit !important;
    height: inherit !important;
}

.page-404 {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    background-image: url("back404.69d16a1ba359d0de5af9.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media screen and (max-width: 1150px) {
    .page-404 {
        background-size: cover;
    }
}

@media screen and (max-width: 768px) {
    .page-404 {
        background-image: url("back404-mobile.c9a4b889a15271e3b70a.svg");
    }
}

.page-404__img {
    margin-top: 80px;
    margin-bottom: 65px;
}

@media screen and (max-width: 768px) {
    .page-404__img {
        margin-top: 50px;
        margin-bottom: 35px;
    }
}

.page-404__img404 {
    width: 630px;
}

@media screen and (max-width: 768px) {
    .page-404__img404 {
        width: 430px;
    }
}

@media screen and (max-width: 480px) {
    .page-404__img404 {
        width: 330px;
    }
}

.page-404__title {
    font-weight: 800;
    font-size: 58px;
    line-height: 64px;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .page-404__title {
        font-size: 38px;
        line-height: 44px;
    }
}

.page-404__text {
    color: #747682;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .page-404__text {
        font-size: 14px;
        line-height: 18px;
    }
}

.page-404__button {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 14px 24px;
    background-color: #fdbe5e;
    color: #3e2f19;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    line-height: 24px;
    border-radius: 12px;
    cursor: pointer;
    border: none;
}

.dice-provably__actions {
    display: flex;
    gap: 7px;
}

.dice-provably__actions-read,
.dice-provably__actions-close {
    width: 50%;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
    border: none;
    outline: none;
    box-sizing: content-box;
}

.dice-provably__actions-read {
    color: #3e2f19;
    background-color: #f1bc6c;
    transition: all 0.3s ease;
}

.dice-provably__actions-read:hover:not([disabled]) {
    color: #554a39 !important;
    background-color: #f2c681 !important;
}

.dice-provably__actions-close {
    color: #a1a3ae;
    background-color: #1f212e;
    transition: all 0.3s ease;
}

.dice-provably__actions-close.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
    color: #cfd2e1;
    background-color: #252836;
}

.dice-provably__current-wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 18px;
}

.dice-provably__current-client {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #212330;
    padding: 12px 16px;
    border-radius: 6px;
}

.dice-provably__current-client_data {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dice-provably__current-client_title {
    color: #9498af;
    font-size: 13px;
    line-height: 16px;
}

.dice-provably__current-client_seed {
    color: #d5d5e3;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

.dice-provably__current-client_copy-wrap {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background-color: #2b3041;
}

.dice-provably__current-client_copy-wrap button {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dice-provably__current-client_copy-wrap button:hover .dice-provably__current-client_copy-icon path {
    fill: #d5d5e3;
}

.dice-provably__current-client_copy-icon {
    width: 20px;
    height: 20px;
}

.dice-provably__current-client_copy-icon path {
    transition: fill 0.3s ease;
    fill: #616678;
}

.dice-provably__sub-title {
    color: #d5d5e3;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 14px;
}

.dice-provably__next-seed-wrap {
    position: relative;
    margin-bottom: 14px;
}

.dice-provably__change-seed {
    border: none;
    outline: none;
    border-radius: 6px;
    padding: 8px 10px;
    background-color: #1d1f29;
    color: #717580;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    transition: color 0.3s ease;
    position: absolute;
    right: 14px;
    top: 42.5px;
}

.dice-provably__change-seed:hover {
    color: #d5d5e3;
}

.provably-teaser {
    width: 220px;
    height: 301px;
    background: rgba(31, 34, 45, 0.52);
    border: 1px solid #20232e;
    border-radius: 6px;
    margin: 0 15px 0 0;
    position: relative;
    padding: 0 0 24px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: content-box;
}

.provably-teaser::before {
    width: 249px;
    height: 251px;
    content: "";
    position: absolute;
    top: 12px;
    left: -7px;
    background: url("/assets/icons/back-provably.webp") no-repeat;
    background-size: 100%;
    transition: transform 1s;
    transform-origin: 100% 100%;
}

@media (max-width: 1850px) {
    .provably-teaser {
        height: 286px;
    }

    .provably-teaser::before {
        width: 188px;
        height: 190px;
        top: 40px;
    }
}

@media (max-width: 1600px) {
    .provably-teaser {
        height: 243px;
        margin: 0 5px 0 0;
        padding: 0 0 20px 20px;
    }

    .provably-teaser::before {
        width: 140px;
        height: 141px;
        top: 30px;
        left: 15px;
    }
}

@media (max-width: 1400px) {
    .provably-teaser {
        width: calc(50% - 5px);
        height: 130px;
        box-sizing: border-box;
        padding: 0 0 20px 170px;
    }

    .provably-teaser::before {
        width: 114px;
        height: 110px;
        top: auto;
        left: 25px;
        bottom: 0;
    }
}

@media (max-width: 760px) {
    .provably-teaser {
        padding: 0 0 20px 120px;
    }

    .provably-teaser::before {
        left: -5px;
    }
}

@media (max-width: 599px) {
    .provably-teaser {
        height: 84px;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0 0 0 160px;
        justify-content: center;
    }

    .provably-teaser::before {
        width: 94px;
        height: 80px;
        left: 25px;
    }
}

@media (max-width: 500px) {
    .provably-teaser {
        padding: 0 0 0 130px;
    }
}

.provably-teaser:hover::before {
    transform: scale(1.03);
}

.provably-teaser__title {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #77d3a7;
}

@media (max-width: 1850px) {
    .provably-teaser__title {
        font-size: 14px;
        line-height: 18px;
    }
}

.provably-teaser__description {
    margin: 13px 0 0 0;
}

@media screen and (min-width: 1400px) {
    .provably-teaser__description {
        width: 145px;
    }
}

@media (max-width: 599px) {
    .provably-teaser__description {
        margin: 5px 0 0 0;
    }
}

.provably-teaser__tip {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #787d93;
}

@media (max-width: 1850px) {
    .provably-teaser__tip {
        font-size: 12px;
    }
}

.provably-teaser__seed {
    width: calc(100% - 65px);
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #d4d8e7;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1850px) {
    .provably-teaser__seed {
        font-size: 13px;
    }
}

.provably-teaser__button {
    width: 34px;
    height: 28px;
    cursor: pointer;
    border: 1px solid #5c627a;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    bottom: 27px;
    transition: border 0.3s;
}

.provably-teaser__button path {
    transition: fill 0.3s;
}

.provably-teaser__button:hover {
    border: 1px solid #8b91a9;
}

.provably-teaser__button:hover path {
    fill: #c7ccde;
}

@media (max-width: 1600px) {
    .provably-teaser__button {
        width: 28px;
        height: 24px;
        right: 20px;
        bottom: 24px;
    }
}

@media (max-width: 599px) {
    .provably-teaser__button {
        right: 15px;
        bottom: 15px;
    }
}

@keyframes particleFlying {
    from {
        opacity: 1;
    }

    50% {
        transform: translateY(-50px) translateX(-10px);
    }

    to {
        transform: translateY(-100px) translateX(0);
        opacity: 0;
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(1px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-3px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(3px, 0, 0);
    }
}

@keyframes scalePlay {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.1);
    }

    90% {
        transform: scale(1);
    }
}

@keyframes flipping {
    from {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(60deg);
    }

    20% {
        transform: rotate(-25deg);
    }

    30% {
        transform: rotate(45deg);
    }

    40% {
        transform: rotate(-15deg);
    }

    50% {
        transform: rotate(35deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(25deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(20deg);
    }
}

.dice {
    max-width: 1425px;
    margin: 0 auto;
    width: 100%;
}

.dice__top {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 0 25px;
}

@media (max-width: 1400px) {
    .dice__top {
        flex-wrap: wrap;
        padding: 0 15px;
    }
}

.dice__side {
    width: 499px;
    margin: 0 0 0 auto;
    display: flex;
}

@media (max-width: 1850px) {
    .dice__side {
        width: 420px;
    }
}

@media (max-width: 1600px) {
    .dice__side {
        width: 330px;
    }
}

@media (max-width: 1400px) {
    .dice__side {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 599px) {
    .dice__side {
        flex-wrap: wrap;
    }
}

.dice__scene {
    background: #191c25;
    border-radius: 6px;
    padding: 20px;
    flex-grow: 1;
    margin: 0 24px 0 0;
}

@media (max-width: 1600px) {
    .dice__scene {
        padding: 15px;
        margin: 0 10px 0 0;
    }
}

@media (max-width: 1400px) {
    .dice__scene {
        margin: 0 0 10px 0;
    }
}

.dice__counters {
    width: 100%;
    display: flex;
    gap: 6px;
}

.dice__counters-item {
    width: 33.33%;
    height: 84px;
    background: #1c1f2b;
    border-radius: 6px;
    padding: 0 0 0 73px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.dice__counters-item::before {
    width: 54px;
    height: 54px;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    margin: auto;
}

.dice__counters-item--payout::before {
    background-image: url("/assets/icons/payout.svg");
}

.dice__counters-item--win-chance::before {
    background-image: url("/assets/icons/win-chance.svg");
}

.dice__counters-item--profit::before {
    background-image: url("/assets/icons/profit.svg");
}

@media (max-width: 1850px) {
    .dice__counters-item {
        height: 70px;
    }

    .dice__counters-item::before {
        width: 46px;
        height: 46px;
    }
}

@media (max-width: 1400px) {
    .dice__counters-item {
        width: 33.33%;
        padding: 0 0 0 76px;
    }

    .dice__counters-item::before {
        width: 32px;
        height: 32px;
        left: 36px;
    }
}

@media (max-width: 599px) {
    .dice__counters-item {
        width: 33.33%;
        padding: 0 0 0 50px;
    }

    .dice__counters-item::before {
        left: 10px;
    }
}

@media (max-width: 500px) {
    .dice__counters-item {
        box-sizing: content-box;
        height: 60px;
        width: calc(33.33% - 3px);
        padding: 30px 0 0 0;
        text-align: center;
    }

    .dice__counters-item::before {
        left: 0;
        right: 0;
        top: 10px;
        bottom: auto;
    }
}

.dice__counters-numbers {
    font-size: 25px;
    line-height: 30px;
    color: #d9d9e7;
    font-weight: 300;
}

@media (max-width: 1850px) {
    .dice__counters-numbers {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width: 1400px) {
    .dice__counters-numbers {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1400px) {
    .dice__counters-numbers {
        font-size: 14px;
        line-height: 22px;
    }
}

.dice__counters-title {
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #757d99;
    margin: -2px 0 0 0;
    font-weight: 400;
}

@media (max-width: 1850px) {
    .dice__counters-title {
        font-size: 10px;
        line-height: 14px;
    }
}

.dice__slider {
    width: 100%;
    background: #1f232f;
    border-radius: 6px;
    padding: 20px 20px;
    margin: 11px 0 0 0;
    position: relative;
}

.dice__slider::after {
    content: "1";
    position: absolute;
    left: 20px;
    bottom: 10px;
    color: #757987;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
}

.dice__slider::before {
    content: "100";
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #757987;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
}

@media (max-width: 1600px) {
    .dice__slider {
        padding: 10px 10px;
        margin: 8px 0 0 0;
    }

    .dice__slider::after,
    .dice__slider::before {
        bottom: 8px;
    }

    .dice__slider::after {
        left: 15px;
    }

    .dice__slider::before {
        right: 15px;
    }
}

@media (max-width: 599px) {
    .dice__slider {
        padding: 10px 10px;
    }
}

.dice__slider-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: inherit;
    overflow: hidden;
    z-index: 10;
    display: flex;
    box-sizing: border-box;
    padding: 0 0 20px 0;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 1600px) {
    .dice__slider-overlay {
        padding: 0;
        height: 100%;
        justify-content: center;
    }
}

.dice__slider-overlay::before {
    width: 812px;
    height: 130px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -406px;
}

.dice__slider-overlay--green {
    background: rgba(29, 35, 48, 0.9);
}

.dice__slider-overlay--green::before {
    background: url("green-light.0359c46858c5c285ec18.svg") no-repeat;
    background-size: 100%;
}

.dice__slider-overlay--red {
    background: rgba(31, 31, 45, 0.9);
}

.dice__slider-overlay--red::before {
    background: url("red-light.f2691552efc67eb11961.svg") 0 bottom no-repeat;
    background-size: 100%;
}

.dice__slider-overlay-congratulations {
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    color: rgba(174, 218, 202, 0.6);
    position: absolute;
    top: 30px;
    z-index: 2;
    text-align: center;
}

@media (max-width: 1600px) {
    .dice__slider-overlay-congratulations {
        position: static;
        font-size: 10px;
    }
}

.dice__slider-overlay-status {
    width: 100%;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    z-index: 2;
}

@media (max-width: 1600px) {
    .dice__slider-overlay-status {
        font-size: 20px;
        line-height: 26px;
    }
}

.dice__slider-overlay-description {
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    z-index: 2;
}

.dice__slider-overlay--green .dice__slider-overlay-description {
    color: #96f0aa;
}

.dice__slider-overlay--red .dice__slider-overlay-description {
    color: #fc756c;
}

@media (max-width: 1600px) {
    .dice__slider-overlay-description {
        font-size: 13px;
        line-height: 16px;
    }
}

.dice__slider-overlay-particles {
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.dice__slider-overlay-particles span {
    border-radius: 100%;
    position: absolute;
    bottom: -20px;
    animation: particleFlying 2s linear infinite;
}

.dice__slider-overlay-particles--green span {
    background: rgba(113, 255, 152, 0.5);
}

.dice__slider-overlay-particles--red span {
    background: rgba(202, 83, 83, 0.9);
}

.dice__slider .ant-slider .ant-slider-dot {
    background-color: #e27373;
    width: 13px;
    height: 13px;
    border: none;
    transform: translate(-50%, -2px) !important;
}

.dice__slider .ant-slider .ant-slider-dot.ant-slider-dot-active {
    background-color: #9af3ae;
}

.dice__slider .ant-slider .ant-slider-mark-text {
    color: #db6f6f;
}

.dice__slider .ant-slider .ant-slider-mark-text-active {
    color: #9af3ae;
}

.dice__slider .ant-slider-horizontal.ant-slider-with-marks {
    margin-bottom: 11px;
}

.dice__slider-dots {
    width: calc(100% - 40px);
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 14px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    pointer-events: none;
}

.dice__slider-dots-item {
    display: inline-block;
    min-width: 13px;
    position: relative;
    padding: 15px 0 0 0;
    text-align: center;
}

.dice__slider-dots-item::before {
    width: 13px;
    height: 13px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100%;
}

.dice__slider-dots-item--green {
    color: #9af3ae;
}

.dice__slider-dots-item--green::before {
    background: #9af3ae;
}

.dice__slider-dots-item--red {
    color: #db6f6f;
}

.dice__slider-dots-item--red::before {
    background: #e27373;
}

.dice__slider-indicators {
    width: 100%;
    display: flex;
    margin: 0 0 13px 0;
}

.dice__slider-block {
    height: 46px;
    background: linear-gradient(180deg,
            rgba(146, 52, 52, 0.04) 0%,
            rgba(217, 81, 81, 0.22) 100%);
    border: 1px solid rgba(206, 85, 85, 0.22);
    border-radius: 6px;
    box-sizing: border-box;
    transition: width 0.3s;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    display: flex;
    align-items: center;
}

@media (max-width: 1600px) {
    .dice__slider-block {
        height: 30px;
        font-size: 10px;
        line-height: 1;
    }
}

.dice__slider-block:first-of-type {
    padding: 0 15px 0 0;
    justify-content: flex-end;
}

.dice__slider-block:last-of-type {
    padding: 0 0 0 15px;
}

.dice__slider-block--green {
    flex-grow: 1;
    margin: 0 2px;
    background: linear-gradient(180deg,
            rgba(54, 146, 52, 0.11) 0%,
            rgba(84, 217, 81, 0.23) 100%);
    border: 1px solid rgba(87, 206, 85, 0.36);
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #6cc780;
    position: relative;
    padding: 0 11px;
    text-align: center;
}

.dice__slider-block--green-sm {
    font-size: 9px;
    padding: 0 10px;
}

.dice__slider-block--green-hidden {
    font-size: 0;
}

.dice__slider-block--green::before,
.dice__slider-block--green::after {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background: url("/assets/icons/arrow-dice.svg") no-repeat;
    background-size: 100%;
}

.dice__slider-block--green::before {
    left: -8px;
}

.dice__slider-block--green::after {
    right: -8px;
    transform: rotate(180deg);
}

.dice__slider-block--from.dice__slider-block--text-rotated {
    padding: 0 5px 0 0;
}

.dice__slider-block--from.dice__slider-block--text-rotated .dice__slider-counter {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 11px;
}

@media (max-width: 1600px) {
    .dice__slider-block--from.dice__slider-block--text-rotated .dice__slider-counter {
        font-size: 8px;
    }
}

.dice__slider-block--to.dice__slider-block--text-rotated {
    padding: 0 0 0 5px;
}

.dice__slider-block--to.dice__slider-block--text-rotated .dice__slider-counter {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 11px;
}

@media (max-width: 1600px) {
    .dice__slider-block--to.dice__slider-block--text-rotated .dice__slider-counter {
        font-size: 8px;
    }
}

.dice__actions {
    margin: 12px 0 0 0;
    display: flex;
}

@media (max-width: 599px) {
    .dice__actions {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.dice__buttons-wrap {
    display: flex;
}

.dice__buttons-wrap__stop {
    padding: 16px;
    background-color: #f5705e;
    color: #3e1d19;
    cursor: pointer;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-left: 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 15px;
    line-height: 28px;
    width: 236px;
    transition: all 0.3s ease;
}

@media screen and (max-width: 601px) {
    .dice__buttons-wrap__stop {
        width: 100%;
    }
}

.dice__buttons-wrap__stop:hover {
    background-color: #f58677;
    color: #613c38;
}

@media (max-width: 599px) {
    .dice__buttons-wrap {
        width: 100%;
        gap: 6px;
        margin-top: 10px;
    }
}

.dice__button {
    width: 242px;
    min-width: 100px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f1bc6c;
    transition: color 0.3s, background 0.3s;
    color: #3e2f19;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 0 10px;
}

@media (max-width: 1880px) {
    .dice__button {
        width: auto;
        font-size: 14px;
        padding: 0 15px;
    }
}

.dice__button-text {
    padding: 0 6px 0 0;
}

@media (max-width: 1400px) {
    .dice__button-text {
        padding: 0;
    }
}

.dice__button[disabled] {
    background: #b38d55;
    cursor: no-drop;
}

.dice__button path {
    transition: fill 0.3s;
}

.dice__button:not([disabled]):hover {
    background: #f2c681;
    color: #554a39;
}

.dice__button:not([disabled]):hover path {
    fill: #554a39;
}

.dice__button:not([disabled]):hover svg {
    animation: flipping 0.9s cubic-bezier(0.36, 0.07, 0.19, 1.5) forwards;
}

.dice__button-autobet {
    background: #1f212e;
    color: #a1a3ae;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 0px 15px 0px 20px;
    cursor: pointer;
    transition: color 0.3s, background 0.3s;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    margin-left: 10px;
}

.dice__button-autobet:hover {
    color: #cfd2e1;
    background: #252836;
}

.dice__button-autobet:hover svg {
    animation: scalePlay 0.9s cubic-bezier(0.36, 0.07, 0.19, 1.5) forwards;
}

.dice__button-autobet-open {
    background-color: #f5705e;
    color: #3e1d19;
}

.dice__button-autobet-open:hover {
    background-color: #f58677;
    color: #613c38;
}

@media (max-width: 599px) {
    .dice__button-autobet {
        width: calc(50% - 3px);
        margin: 0;
        gap: 5px;
    }
}

@media (max-width: 1880px) {
    .dice__button-autobet {
        font-size: 14px;
        padding: 0 15px;
    }
}

@media (max-width: 599px) {
    .dice__button {
        height: 52px;
        box-sizing: border-box;
        width: calc(50% - 3px);
        margin: 0;
    }

    .dice__button svg {
        display: block;
        margin: 0 0 0 5px;
    }
}

@media (max-width: 599px) {
    .dice .field__row.field__row--dice {
        width: calc(100% - 85px);
    }
}

@media (max-width: 599px) {
    .dice .repeat-bet {
        width: 75px;
        height: 52px;
        margin-top: 0;
    }
}

.dice__autobet {
    margin-top: 12px;
    border-radius: 6px;
    background-color: #232732;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

.dice__autobet .ant-slider.ant-slider-disabled .ant-slider-track {
    background-color: rgba(0, 0, 0, 0) !important;
}

.dice__autobet-title {
    color: #686c79;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
}

.dice__autobet-speed {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 197px;
    flex: 1 0 100%;
}

.dice__autobet-speed-controls_info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.dice__autobet-speed-controls_info p {
    font-weight: 500;
    color: #d4d8e7;
    font-size: 11px;
    line-height: 14px;
}

@media screen and (min-width: 1400.98px) {
    .dice__autobet-speed {
        max-width: 100%;
    }
}

@media (max-width: 1300px) {
    .dice__autobet-speed {
        max-width: 100%;
    }
}

@media screen and (min-width: 872px) and (max-width: 1200px) {
    .dice__autobet-speed {
        max-width: 197px;
    }
}

@media screen and (min-width: 1750px) {
    .dice__autobet-speed {
        max-width: 197px;
    }
}

.dice__autobet-controls {
    max-width: 300px;
    flex: 1 0 100%;
}

.dice__autobet-controls .ant-radio-group>div:last-of-type .ant-radio-wrapper span:last-of-type {
    padding-inline-end: 0px;
}

.dice__autobet-controls-wrap {
    flex: 1 0 100%;
    display: flex;
    gap: 30px;
}

.dice__autobet-controls-wrap .dice__autobet-title {
    margin-bottom: 2px;
}

.dice__autobet-controls-wrap .ant-input-number {
    width: 36px;
    height: 28px;
    border-radius: 4px;
    border: none;
    outline: none;
    color: #d4d8e7;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
}

.dice__autobet-controls-wrap .ant-input-number:focus-within {
    box-shadow: none;
}

.dice__autobet-controls-wrap .ant-input-number input {
    text-align: center;
}

@media (max-width: 680px) {
    .dice__autobet-controls-wrap {
        gap: 16px;
    }
}

.dice__autobet-controls-win {
    display: flex;
    flex-direction: column;
}

.dice__autobet-controls-win__multiply-wrap {
    display: flex;
}

.dice__autobet-controls-win__group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (max-width: 680px) {
    .dice__autobet-controls-win {
        width: calc(50% - 8px);
    }
}

.dice__autobet-controls-lose {
    display: flex;
    flex-direction: column;
}

@media (max-width: 680px) {
    .dice__autobet-controls-lose {
        width: calc(50% - 8px);
        justify-content: center;
    }
}

.dice__autobet-controls__no-select {
    color: #9da2b6;
}

@media (max-width: 680px) {
    .dice__autobet-controls {
        max-width: 100%;
    }
}

.dice__autobet-config {
    width: 215px;
    display: flex;
    gap: 12px;
}

@media screen and (min-width: 1400.98px) and (max-width: 1500px) {
    .dice__autobet-config {
        width: 175px;
    }
}

@media (max-width: 680px) {
    .dice__autobet-config {
        width: 100%;
    }
}

.dice__autobet-config .dice__autobet-title {
    margin-bottom: 10px;
}

.dice__autobet-config__max-bet {
    max-width: 125px;
    min-width: 75px;
    width: 100%;
}

.dice__autobet-config__max-bet .ant-input-number {
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 44px;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
}

.dice__autobet-config__max-bet .ant-input-number .ant-input-number-input-wrap {
    height: 100%;
    width: 100%;
    position: relative;
}

.dice__autobet-config__max-bet .ant-input-number .ant-input-number-input-wrap::before {
    content: "$";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #7ec76c;
}

.dice__autobet-config__max-bet .ant-input-number input {
    width: 100%;
    height: 100%;
    color: #7ec76c;
    padding-left: 25px;
    position: relative;
}

@media (max-width: 680px) {
    .dice__autobet-config__max-bet {
        max-width: 100%;
    }
}

.dice__autobet-config__limit .ant-input-number {
    border: none;
    border-radius: 4px;
    max-width: 75px;
    height: 44px;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
}

.dice__autobet-config__limit .ant-input-number .ant-input-number-input-wrap {
    height: 100%;
    width: 100%;
}

.dice__autobet-config__limit .ant-input-number input {
    width: 100%;
    height: 100%;
    color: #d4d8e7;
}

@media (max-width: 760px) {
    .dice__autobet {
        margin-top: 10px;
        padding: 10px;
        gap: 15px;
    }
}

@media screen and (min-width: 1750px) {
    .dice__autobet {
        flex-wrap: nowrap;
    }
}

.dice__radio {
    font-weight: 500;
}

.dice__row {
    margin: 22px 0 0 0;
    position: relative;
}

.dice__row::before {
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, #12151c 0%, rgba(18, 21, 38, 0) 100%);
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 50;
    pointer-events: none;
}

.dice__table {
    max-height: 600px;
    position: relative;
    overflow-y: scroll;
}

.dice__table::-webkit-scrollbar {
    width: 2px;
}

.dice__table::-webkit-scrollbar-thumb {
    background-color: rgba(166, 171, 190, 0.5490196078);
}

.dice__table * {
    scrollbar-color: #a6abbe;
    scrollbar-width: thin;
}

.dice__table button {
    padding: 0;
}

.dice__row>.dice__table:first-of-type {
    padding-left: 25px;
    margin-right: 25px;
}

@media (max-width: 1400px) {
    .dice__row>.dice__table:first-of-type {
        padding-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 760px) {
    .dice__table {
        height: auto;
    }
}

.dice__table .table__gray.dice__table_bet-id {
    max-width: 85px;
    overflow: hidden;
}

.dice .table__row--animated {
    animation: slideIn 0.2s ease-out forwards;
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.dice__manual {
    display: flex;
    margin: 0 10px 0 0;
}

.dice__manual .ant-input-number,
.dice__manual .ant-input-number-focused {
    border: none;
    box-shadow: none;
}

.dice__manual .ant-input-number .ant-input-number-input,
.dice__manual .ant-input-number-focused .ant-input-number-input {
    padding: 0;
}

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

@media (max-width: 500px) {
    .dice__manual {
        width: calc(50% - 5px);
        flex-grow: 1;
        margin: 0;
    }
}

.dice__manual-field {
    height: 60px;
    background: #14161e;
    display: flex;
    align-items: center;
    cursor: text;
    transition: background 0.3s, color 0.3s;
    color: #494e63;
    position: relative;
    overflow: hidden;
}

.dice__manual-field:not(.dice__manual-field--active):hover {
    background: #13151c;
    color: #686b7c;
}

.dice__manual-field--from {
    width: 76px;
    border-radius: 6px 0 0 6px;
}

.dice__manual-field--to {
    width: 81px;
    margin: 0 0 0 1px;
    border-radius: 0 6px 6px 0;
}

.dice__manual-field--active {
    background: #12141c;
}

@media (max-width: 1600px) {
    .dice__manual-field {
        height: 52px;
    }
}

@media (max-width: 500px) {
    .dice__manual-field {
        width: 50%;
    }
}

.dice__manual-title {
    font-size: 15px;
    transition: transform 0.3s, font-size 0.3s;
    position: absolute;
    text-align: center;
    padding: 0 0 0 16px;
}

.dice__manual-field--active .dice__manual-title {
    transform: translateY(-9px);
    font-size: 10px;
}

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

.dice__manual-input {
    font-size: 15px;
    color: #e0e2eb;
    background: none;
    position: relative;
    top: 19px;
    opacity: 0;
    padding: 0 0 0 16px;
    transition: opacity 0.3s, transform 0.3s;
}

.dice__manual-field--active .dice__manual-input {
    transform: translateY(-12px);
    opacity: 1;
}

@media (max-width: 599px) {
    .dice__manual-input {
        font-size: 13px;
        width: calc(100% - 16px);
    }
}

.load-more {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1c1f28;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    color: #5d606f;
    text-transform: uppercase;
    transition: color 0.3s, background 0.3s, border 0.3s;
}

.load-more path {
    transition: fill 0.3s;
}

.load-more:hover {
    background: #1e212c;
    border: 1px solid #1e212c;
    color: #808291;
}

.load-more:hover path {
    fill: #808291;
}

.load-more__icon {
    width: 24px;
    height: 24px;
    margin: -1px 0 0 5px;
    transition: transform 0.5s;
    transform-origin: 50% 54%;
}

.load-more__icon path {
    fill: #5d606f;
}

.load-more__icon:hover path {
    fill: #808291;
}

.load-more:hover .load-more__icon {
    transform: rotate(360deg);
}

.load-more--provably {
    margin: 15px 0 0 0;
}

.load-more--affiliates {
    margin: 12px 0 0 0;
}

.load-more--inventory {
    margin: 16px 0 0 0;
}

@media (max-width: 1200px) {
    .load-more {
        height: 44px;
        font-size: 12px;
    }

    .load-more--icon {
        width: 20px;
        height: 20px;
        margin: -1px 0 0 4px;
    }
}

.provably__top--jackpot {
    margin-bottom: 16px !important;
}

.provably__top .ant-segmented-item-label {
    text-transform: capitalize;
}

.provably__navigation {
    width: 100%;
    background: #191c25;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.provably__navigation .ant-segmented {
    padding: 0px;
    border-radius: 0px;
    background: #191c25;
}

@media (max-width: 599px) {
    .provably__navigation .ant-segmented {
        width: 100%;
    }
}

.provably__navigation .ant-segmented-group .ant-segmented-item {
    padding: 30px;
    border-radius: 0px;
    border-right: 1px solid #12151d;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    height: 78px;
    display: flex;
    align-items: center;
}

.provably__navigation .ant-segmented-group .ant-segmented-item .ant-segmented-item-label {
    padding: 0px;
}

.provably__navigation .ant-segmented-group .ant-segmented-item-selected {
    background: linear-gradient(360deg, #683238 -2.57%, #1d212b 107.69%);
}

@media (max-width: 1800px) {
    .provably__navigation .ant-segmented-group .ant-segmented-item {
        height: 60px;
        padding: 0 25px;
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .provably__navigation .ant-segmented-group .ant-segmented-item {
        height: 50px;
        padding: 0 22px;
        font-size: 12px;
    }
}

@media (max-width: 599px) {
    .provably__navigation .ant-segmented-group .ant-segmented-item {
        width: 25%;
        height: 44px;
        padding: 0;
        font-size: 10px;
        justify-content: center;
    }

    .provably__navigation .ant-segmented-group .ant-segmented-item:last-of-type {
        border-right: none;
    }
}

.provably__navigation .ant-segmented-thumb.ant-segmented-thumb-motion-appear.ant-segmented-thumb-motion-appear-active.ant-segmented-thumb-motion {
    background: linear-gradient(360deg,
            #683238 -2.57%,
            #1d212b 107.69%) !important;
}

.provably__navigation_btn {
    border: none;
    outline: none;
    background-color: #20232f;
    border-radius: 6px;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
    color: #9597aa;
    height: 42px;
    margin-right: 16px;
}

.provably__navigation_btn-icon {
    fill: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.provably__navigation_btn-icon path {
    transition: all 0.3s ease;
    stroke: #9597aa;
}

.provably__navigation_btn:hover path {
    stroke: #fff;
}

@media (max-width: 900px) {
    .provably__navigation_btn {
        height: 35px;
        padding: 0 8px;
        font-size: 12px;
    }
}

@media (max-width: 599px) {
    .provably__navigation_btn {
        display: none;
    }
}

.provably__tabs {
    display: flex;
}

@media (max-width: 599px) {
    .provably__tabs {
        width: 100%;
    }
}

.provably__tabs-item {
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    font-weight: 500;
    font-size: 15px;
    color: #808399;
    transition: color 0.3s;
    border-right: 1px solid #151820;
    cursor: pointer;
    position: relative;
}

.provably__tabs-item:not(.provably__tabs-item--current):hover {
    color: #babdd2;
}

.provably__tabs-item:not(.provably__tabs-item--current):hover::before {
    opacity: 1;
}

.provably__tabs-item-title {
    position: relative;
    z-index: 2;
}

.provably__tabs-item::before,
.provably__tabs-item::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    opacity: 0;
    transition: opacity 0.3s;
}

.provably__tabs-item::before {
    background: linear-gradient(180deg, #1b1f28 0%, #1c2029 100%);
}

.provably__tabs-item::after {
    background: linear-gradient(360deg, #683238 -2.57%, #1d212b 107.69%);
}

.provably__tabs-item--current {
    color: #eee;
}

.provably__tabs-item--current::after {
    opacity: 1;
}

.provably__top-button {
    height: 42px;
    background: #20232f;
    border-radius: 6px;
    display: flex;
    align-items: center;
    margin: auto 18px auto auto;
    font-weight: 500;
    font-size: 15px;
    color: #9597aa;
    transition: color 0.3s, background 0.3s;
    padding: 0 15px 0 10px;
}

@media (max-width: 1800px) {
    .provably__top-button {
        height: 38px;
        font-size: 13px;
        margin: auto 11px auto auto;
        padding: 0 12px 0 6px;
    }
}

@media (max-width: 900px) {
    .provably__top-button {
        height: 34px;
        font-size: 12px;
        margin: auto 8px auto auto;
    }
}

@media (max-width: 599px) {
    .provably__top-button {
        display: none;
    }
}

.provably__top-button:hover {
    background: #262a38;
    color: #c0c3db;
}

.provably__top-button:hover path {
    fill: #9092a3;
}

.provably__top-button path {
    transition: fill 0.3s;
}

.provably__middle,
.provably__bottom {
    background: #171921;
    border-radius: 6px;
    padding: 20px 25px;
}

@media (max-width: 599px) {

    .provably__middle,
    .provably__bottom {
        padding: 15px;
    }
}

.provably__middle-code {
    background: #1c1f28 !important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 10px !important;
    border-left: 2px solid #ea6955;
}

.provably__middle-code-dice {
    padding-left: 0px !important;
}

.provably__middle-code .comment.linenumber {
    color: #5c6374;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.provably__bottom {
    margin: 20px 0 0 0;
}

@media (max-width: 599px) {
    .provably__bottom {
        margin: 15px 0 0 0;
    }
}

.provably__title {
    font-size: 22px;
    line-height: 27px;
    color: #d5d5e3;
    margin: 0 0 17px 0;
    font-weight: 300;
}

@media (max-width: 1800px) {
    .provably__title {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 14px 0;
    }
}

@media (max-width: 599px) {
    .provably__title {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 10px 0;
    }
}

.provably__text {
    color: #97a1b8;
    font-size: 14px;
    line-height: 21px;
}

@media (max-width: 900px) {
    .provably__text {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (max-width: 599px) {
    .provably__text {
        font-size: 11px;
        line-height: 16px;
    }
}

.provably__text+.provably__text {
    margin: 10px 0 0 0;
}

.provably__text--low+.provably__text--low {
    margin: 6px 0 0 0;
}

.provably__text-coinflip-item strong:not(.provably__text-strong) {
    color: #b5bed2;
    font-weight: 500;
}

.provably__text-strong {
    color: #c1cce3;
    font-weight: 600;
    word-break: break-word;
}

.provably__text-strong--gray {
    color: #c2c2c2;
}

.provably__text-strong--light {
    color: #b5bed1;
}

.provably__text-strong--yellow {
    color: #f1bc6c;
}

.provably__text-highlight {
    color: #b5bed2;
}

.provably__text-link {
    color: #f5705e;
    transition: color 0.3s;
}

.provably__text-link:hover {
    color: #ff8473;
}

.provably__text--small {
    font-size: 12px;
    line-height: 20px;
    color: #97a1b8;
    margin: 15px 0 0 0;
}

.provably__roulette-table {
    display: grid;
    margin: 25px 0 0 0;
}

@media (max-width: 760px) {
    .provably__roulette-table {
        margin: 15px 0 0 0;
    }
}

.provably__roulette-table-row {
    display: grid;
    grid-template-columns: 1.5fr 4fr 4.5fr;
    height: 50px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 13px;
    align-items: center;
    padding: 0 6px 0 20px;
}

.provably__roulette-table-row:nth-of-type(odd) {
    background: #1b1d25;
}

.provably__roulette-table-row:first-of-type {
    background: rgba(27, 29, 37, 0.6);
    color: #4f5465;
}

@media (max-width: 1800px) {
    .provably__roulette-table-row {
        height: 48px;
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    .provably__roulette-table-row {
        grid-template-columns: 1.5fr 2.5fr 6fr;
    }
}

@media (max-width: 760px) {
    .provably__roulette-table-row {
        height: auto;
        padding: 10px 15px 15px 15px;
        gap: 10px 0;
        grid-auto-columns: 1fr;
        grid-template-columns: 40% 60%;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "a b" "c c";
        background: #1b1d25;
    }

    .provably__roulette-table-row+.provably__roulette-table-row {
        margin: 2px 0 0 0;
    }

    .provably__roulette-table-row:first-of-type {
        display: none !important;
    }
}

.provably__roulette-table-row-side {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    text-align: center;
}

@media (max-width: 760px) {
    .provably__roulette-table-row-side {
        grid-area: c;
    }
}

.provably__roulette-table-text {
    font-weight: 500;
    font-size: 14px;
    color: rgba(194, 194, 207, 0.6);
}

@media (max-width: 1800px) {
    .provably__roulette-table-text {
        font-size: 12px;
    }
}

@media (max-width: 760px) {
    .provably__roulette-table-text {
        padding: 0 0 0 30px;
        position: relative;
        font-size: 11px;
    }

    .provably__roulette-table-text::before {
        width: 22px;
        height: 22px;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .provably__roulette-table-text--date::before {
        background-image: url("time.9925043fe0859d882b72.svg");
    }

    .provably__roulette-table-text--round::before {
        background-image: url("round.64a3d8fd78134b3cbf32.svg");
    }
}

.provably__roulette-table-point {
    width: calc(100% - 1px);
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
}

@media (max-width: 1800px) {
    .provably__roulette-table-point {
        height: 28px;
        font-size: 13px;
    }
}

.provably__roulette-table-point--red {
    color: #dba6a9;
    background: linear-gradient(360deg, #702f2f 0%, #2b1d1d 100%);
}

.provably__roulette-table-point--black {
    color: #97999e;
    background: linear-gradient(0deg, #343742 0%, #1d212b 100%);
}

.provably__roulette-table-point--green {
    color: #9ed7ba;
    background: linear-gradient(360deg, #326848 0%, #1d2b20 100%);
}

@media (max-width: 760px) {
    .provably__roulette-table-point {
        border-radius: 4px;
        font-size: 11px;
    }
}

.provably__roulette-table--crash:not(:first-of-type):nth-child(odd) {
    background-color: #1a1d26;
}

.provably__roulette-table--crash .provably__roulette-table-text {
    color: #b2b2bb;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.provably__roulette-table--crash .provably__roulette-table-text--round {
    color: rgba(194, 194, 207, 0.6);
    padding: 7px 15px;
    border: 1px solid #373a4f;
    border-radius: 6px;
    max-width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(31, 33, 46, 0.42);
}

@media (max-width: 760px) {
    .provably__roulette-table--crash .provably__roulette-table-row {
        display: grid;
        grid-auto-columns: 1fr;
        grid-template-rows: 1fr;
        grid-template-columns: 40% 60%;
        gap: 0px;
        padding: 15px;
        background-color: rgba(0, 0, 0, 0);
    }

    .provably__roulette-table--crash .provably__roulette-table-row:first-of-type {
        display: grid !important;
        background-color: #191b23;
    }

    .provably__roulette-table--crash .provably__roulette-table-row:not(:first-of-type):nth-child(odd) {
        background-color: #1a1d26;
    }

    .provably__roulette-table--crash .provably__roulette-table-row .provably__roulette-table-text {
        padding-left: 0px;
    }

    .provably__roulette-table--crash .provably__roulette-table-row .provably__roulette-table-text::before {
        display: none;
    }
}

@media (max-width: 599px) {
    .provably__code {
        width: 100%;
        overflow: hidden;
    }
}

.affiliates {
    display: flex;
    flex-wrap: wrap;
}

.affiliates__left {
    width: 360px;
    background: #171921;
    border-radius: 6px;
    padding: 25px 30px 27px 30px;
    box-sizing: content-box;
}

@media (max-width: 1200px) {
    .affiliates__left {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 599px) {
    .affiliates__left {
        padding: 20px;
    }
}

.affiliates__left-top {
    height: 40px;
    display: flex;
    align-items: center;
}

.affiliates__left-top-title {
    font-weight: 300;
    font-size: 27px;
    color: #d5d5e3;
}

@media (max-width: 599px) {
    .affiliates__left-top-title {
        font-size: 22px;
    }
}

.affiliates__left-top-button {
    height: 40px;
    display: flex;
    align-items: center;
    background: #f5705e;
    border-radius: 6px;
    padding: 0 20px;
    cursor: pointer;
    border: none;
    outline: none;
    transition: color 0.3s, background 0.3s;
    font-weight: 800;
    font-size: 13px;
    color: #3e1d19;
    margin: 0 0 0 auto;
}

.affiliates__left-top-button-icon {
    margin: 0 0 0 6px;
    display: flex;
    align-items: center;
}

.affiliates__left-top-button-icon path {
    transition: fill 0.3s;
}

.affiliates__left-top-button:hover {
    background: #f58677;
    color: #613c38;
}

.affiliates__left-top-button:hover path {
    fill: #613c38;
}

.affiliates__left-top-button[disabled] {
    background: #864f4c;
}

.affiliates__left-invite {
    display: flex;
    width: 100%;
    height: 94px;
    position: relative;
    background: linear-gradient(223.33deg,
            #1e222d 9.79%,
            #2e2632 70.69%,
            #3d272f 109.42%);
    border-radius: 6px;
    margin: 26px 0 0 0;
    box-sizing: border-box;
    padding: 0 0 0 120px;
    align-items: center;
}

.affiliates__left-invite::before {
    width: 127px;
    height: 101px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("icon.7992cc4b3102d70317bd.png") no-repeat;
    background-size: 100%;
}

@media (max-width: 599px) {
    .affiliates__left-invite {
        height: 70px;
        padding: 0 0 0 110px;
    }

    .affiliates__left-invite::before {
        width: 100px;
        height: 78px;
    }
}

.affiliates__left-invite-row {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.affiliates__left-invite-title {
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #99989f;
}

.affiliates__left-invite-code {
    font-size: 21px;
    line-height: 26px;
    color: #f77565;
    text-transform: uppercase;
}

@media (max-width: 599px) {
    .affiliates__left-invite-code {
        font-size: 18px;
        line-height: 22px;
    }
}

.affiliates__left-invite-copy {
    width: 38px;
    height: 38px;
    border: 1px solid #2d2c3a;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
    margin: 0 20px 0 auto;
}

.affiliates__left-invite-copy path {
    transition: fill 0.3s;
}

.affiliates__left-invite-copy:hover {
    background: rgba(53, 50, 65, 0.5);
}

.affiliates__left-invite-copy:hover path {
    fill: #8b8a9a;
}

@media screen and (max-width: 768px) {
    .affiliates__left-invite-copy svg {
        min-width: 20px;
        min-height: 20px;
    }
}

.affiliates__left-list {
    margin: 16px 0 0 0;
}

.affiliates__left-list-item {
    display: flex;
    min-height: 60px;
    background: #191c25;
    border-radius: 6px;
    align-items: center;
}

@media (max-width: 599px) {
    .affiliates__left-list-item {
        min-height: 52px;
    }
}

.affiliates__left-list-item+.affiliates__left-list-item {
    margin: 2px 0 0 0;
}

.affiliates__left-list-item-title {
    width: 55%;
    font-size: 13px;
    line-height: 16px;
    color: rgba(192, 195, 217, 0.63);
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

@media (max-width: 599px) {
    .affiliates__left-list-item-title {
        width: 50%;
        font-size: 11px;
        line-height: 14px;
        padding: 0 10px 0 15px;
    }
}

.affiliates__left-list-item-content {
    width: 52%;
}

.affiliates__left-list-item-status-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    padding: 0 0 0 21px;
}

.affiliates__left-list-item-status-name--bronze {
    color: #c4874f;
    background: url("bronze.06c608b85c23d00f13a9.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--silver {
    color: #d8cabd;
    background: url("silver.0cdd60859be2752a73c8.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--gold {
    color: #d9b65e;
    background: url("gold.5ae5d38c2669a20b87f1.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--platinum {
    color: #5796d0;
    background: url("platinum.4e815cd05afd95b0b17e.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--diamond {
    color: #6cdbe2;
    background: url("diamond.ab7a78e1d0378b802c2a.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--ruby {
    color: #dc4f4f;
    background: url("ruby.983438de2847dc6d6e25.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--sapphire {
    color: #5471d8;
    background: url("saphire.20bb5d4e6fefad5217dd.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--emerald {
    color: #83ce69;
    background: url("emerald.90247a34fd1485c6678c.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--amethyst {
    color: #a667e4;
    background: url("amethyst.45912ba461f5d9fec77d.svg") 0 50% no-repeat;
}

.affiliates__left-list-item-status-name--custom {
    color: #ebf1ff;
    padding-left: 0;
}

.affiliates__left-list-item-status-subtitle {
    font-size: 10px;
    line-height: 12px;
    color: #848093;
}

.affiliates__left-list-item-plain {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #ebf1ff;
}

.affiliates__left-list-item-plain--margined {
    margin: 0 16px 0 0;
}

@media (max-width: 599px) {
    .affiliates__left-list-item-plain {
        font-size: 12px;
    }

    .affiliates__left-list-item-plain--margined {
        margin: 0 10px 0 0;
    }
}

.affiliates__left-list-item-currency {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 0 -3px;
}

.affiliates__left-list-item-currency+.affiliates__left-list-item-currency {
    margin: 0 0 0 16px;
}

.affiliates__left-list-item-currency--usd {
    font-weight: 600;
    color: #7ec76c;
    padding: 0 0 0 15px;
    background: url("/assets/icons/usd.svg") 0 50% no-repeat;
    background-size: 14px;
}

.affiliates__left-list-item-currency--usd-negative {
    color: #d4d8e7;
    background: url("/assets/icons/bet-usd.svg") 0 50% no-repeat;
    background-size: 14px;
}

.affiliates__left-list-item-currency--plg {
    font-weight: 500;
    color: #f46879;
    padding: 0 0 0 20px;
    background: url("plg.19b187337aca3a7ba9a5.svg") 0 50% no-repeat;
    background-size: 16px;
}

@media (max-width: 599px) {
    .affiliates__left-list-item-currency {
        font-size: 12px;
    }
}

.affiliates__left-button {
    margin: 20px 0 0 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1bc6c;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    color: #3e2f19;
    transition: background 0.3s, color 0.3s;
}

.affiliates__left-button-icon {
    margin: 0 0 0 6px;
    display: flex;
    align-items: center;
}

.affiliates__left-button path {
    transition: fill 0.3s;
}

.affiliates__left-button:hover {
    background: #f2c681;
    color: #554a39;
}

.affiliates__left-button:hover path {
    fill: #554a39;
}

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

.affiliates__left-button[disabled] {
    background: #b38d55;
    cursor: no-drop;
}

.affiliates__right {
    flex-grow: 1;
    background: #171921;
    border-radius: 6px;
    padding: 30px;
    margin: 0 0 0 10px;
}

@media (max-width: 1200px) {
    .affiliates__right {
        margin: 20px 0 0 0;
    }
}

@media (max-width: 599px) {
    .affiliates__right {
        padding: 20px;
    }
}

.affiliates__empty-table {
    width: 100%;
    height: calc(100% - 62px);
    min-height: 200px;
    margin-top: 12px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px dotted #242835;
    background-color: #161921;
    color: #c2c2cf;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.change-invite-code {
    position: relative;
}

.change-invite-code__delete {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.change-invite-code__input {
    padding-right: 40px;
}

.change-invite-code__wrap {
    display: flex;
    gap: 8px;
}

.change-invite-code__confirm {
    width: calc(50% - 4px);
    height: 60px;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-weight: 800;
    font-size: 15px;
    line-height: 28px;
    text-transform: uppercase;
    border: none;
    outline: none;
    box-sizing: border-box;
    color: #3e2f19;
    background-color: #f1bc6c;
    transition: all 0.3s ease;
}

.change-invite-code__confirm:hover {
    color: #554a39;
    background-color: #f2c681 !important;
}

.change-invite-code__confirm:disabled {
    color: #7e5c28;
    background-color: #b28d55;
}

.change-invite-code__cancel {
    width: calc(50% - 4px);
    height: 60px;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-weight: 800;
    font-size: 15px;
    line-height: 28px;
    text-transform: uppercase;
    border: none;
    outline: none;
    box-sizing: border-box;
    color: #a1a3ae;
    background-color: #1f212e;
    transition: all 0.3s ease;
}

.change-invite-code__cancel:hover {
    color: #cfd2e1 !important;
    background-color: #252836 !important;
}

.change-invite-code__cancel_full {
    width: 100%;
}

.coinflip {
    padding: 0 25px;
    margin: 0 auto;
    max-width: 1425px;
}

@media (max-width: 1200px) {
    .coinflip {
        padding: 0 15px;
        margin: 20px 0 0 0;
    }
}

.coinflip__section {
    width: 100%;
    display: flex;
    margin: 16px 0 0 0;
    background: #171921;
    border-radius: 6px;
    padding: 25px;
    box-sizing: border-box;
    flex-direction: column;
}

@media (max-width: 760px) {
    .coinflip__section {
        padding: 20px;
    }
}

.coinflip__section-top {
    width: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 1600px) {
    .coinflip__section-top {
        flex-wrap: wrap;
    }
}

.coinflip__section-top-title {
    font-weight: 300;
    font-size: 28px;
    line-height: 34px;
    color: #d5d5e3;
}

@media (max-width: 1600px) {
    .coinflip__section-top-title {
        font-size: 22px;
        line-height: 28px;
    }
}

.coinflip__section-top-counter {
    height: 32px;
    background: #191c25;
    border-radius: 6px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    margin: 0 0 0 10px;
    font-weight: 500;
    font-size: 16px;
    color: #808399;
}

@media (max-width: 1600px) {
    .coinflip__section-top-counter {
        font-size: 14px;
        height: 28px;
        padding: 0 7px;
    }
}

.coinflip__section-top-side {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
}

@media (max-width: 1400px) {
    .coinflip__section-top-side:not(.coinflip__section-top-side--with-tabs) {
        margin: 10px 0 0 0;
        width: 100%;
    }
}

@media (max-width: 500px) {
    .coinflip__section-top-side--with-tabs {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

.coinflip__section-top-tabs {
    gap: 4px;
    display: flex;
    align-items: center;
}

@media (max-width: 500px) {
    .coinflip__section-top-tabs {
        width: 100%;
    }
}

.coinflip__section-top-tabs-item {
    display: flex;
}

@media (max-width: 500px) {
    .coinflip__section-top-tabs-item {
        flex-grow: 1;
    }
}

.coinflip__section-top-tabs-button {
    height: 47px;
    background: #20232f;
    border-radius: 6px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: filter 0.3s;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    color: #d2d2e0;
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease;
}

@media (max-width: 500px) {
    .coinflip__section-top-tabs-button {
        width: 100%;
        padding: 0;
        justify-content: center;
    }
}

.coinflip__section-top-tabs-button::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #462f36 0%, #71383d 100%);
    transition: all 0.3s ease;
    opacity: 0;
}

.coinflip__section-top-tabs-button path {
    fill: #70788c;
    transition: fill 0.3s;
}

.coinflip__section-top-tabs-button--active {
    color: #fc7167;
}

.coinflip__section-top-tabs-button--active::before {
    opacity: 1;
}

.coinflip__section-top-tabs-button--active path {
    fill: #fc7167;
}

.coinflip__section-top-tabs-button:not(.coinflip__section-top-tabs-button--active):hover {
    filter: brightness(1.2);
}

.coinflip__section-top-tabs-button svg {
    position: relative;
}

.coinflip__section-top-tabs-title {
    position: relative;
}

.coinflip__section-row {
    width: 100%;
    display: flex;
    margin: 16px 0 0 0;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 760px) {
    .coinflip__section-row {
        gap: 6px;
    }
}

.coinflip__input-number {
    border: none;
    outline: none;
    border-radius: 0px;
    width: 65px;
}

.coinflip__input-number:hover,
.coinflip__input-number:focus,
.coinflip__input-number:active,
.coinflip__input-number.coinflip__select.ant-select-open {
    border: none;
    outline: none;
}

.coinflip__input-number.ant-input-number-focused {
    box-shadow: none;
}

.coinflip__input-number .ant-input-number-input-wrap,
.coinflip__input-number input {
    height: 100%;
}

.coinflip__input-number .ant-input-number-input-wrap {
    height: 100%;
    width: 100%;
    position: relative;
}

.coinflip__input-number .ant-input-number-input-wrap::before {
    content: "$";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #7ec76c;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.coinflip__input-number .ant-input-number-input {
    width: 100%;
    height: 100%;
    color: #7ec76c;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding-left: 25px;
    position: relative;
}

@media (max-width: 760px) {
    .coinflip__input-number {
        width: 100%;
    }
}

.coinflip__select {
    border-radius: 4px;
}

.coinflip__select .ant-select-selection-item {
    color: #b2b4c3;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.coinflip__select.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border: none;
    outline: none;
    box-shadow: none;
    background-color: #242735;
    border-radius: 4px;
}

.coinflip__select.ant-select:not(.ant-select-customize-input) .ant-select-selector:hover {
    border-radius: 4px;
    background-color: #2c2f41;
}

.coinflip__select .ant-select-arrow {
    display: none;
}

.coinflip__select:hover {
    background: #212430;
    color: #a0a5be;
    border-radius: 4px;
}

.coinflip__select:hover::after {
    border-top: 6px solid #6d7598;
}

.coinflip__select.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
    box-shadow: none;
}

.coinflip__select:after {
    width: 0;
    right: 12px;
    top: 14px;
    margin: auto;
    position: absolute;
    border: 4px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #5f6682;
    transition: border 0.3s, transform 0.3s;
    content: "";
    transform-origin: 50% 30%;
    pointer-events: none;
}

.coinflip__select.ant-select-open:after {
    transform: rotate(-180deg);
    border-top: 6px solid #9b9fb7;
}

.coinflip__select.ant-select-open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(-10px);
}

.coinflip__empty-games {
    width: 100%;
    color: #c2c2cf;
    font-size: 14px;
    line-height: 17px;
    border: 1px dotted #242835;
    background: rgba(21, 25, 33, 0.51);
    border-radius: 6px;
    text-align: center;
    padding: 30px 10px;
}

.coinflip__empty-games_my {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.coinflip-top {
    width: 100%;
    display: flex;
}

@media (max-width: 1400px) {
    .coinflip-top {
        flex-wrap: wrap-reverse;
    }
}

.coinflip-top__left {
    flex-grow: 1;
    background: #191c25;
    border-radius: 6px;
    display: flex;
    align-items: center;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    padding: 0 20px;
}

@media (max-width: 1400px) {
    .coinflip-top__left {
        width: 100%;
        padding: 15px;
        margin: 10px 0 0px 0;
    }
}

.coinflip-top__left-choose {
    display: flex;
    align-items: center;
}

.coinflip-top__left-choose-title {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #686c79;
    margin: 0 12px 0 0;
}

@media (max-width: 1650px) {
    .coinflip-top__left-choose-title {
        display: none;
    }
}

.coinflip-top__left-choose-list {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 67px;
}

.coinflip-top__left-choose-item {
    cursor: pointer;
    display: flex;
    padding: 2px;
    border-radius: 50%;
    border: 2px solid #2e303a;
    transition: border 0.3s;
}

.coinflip-top__left-choose-item:hover {
    border: 2px solid #3b3e4a;
}

.coinflip-top__left-choose-item--active {
    border: 2px solid #5eb76e;
    pointer-events: none;
}

.coinflip-top__left-choose-pic {
    width: 30px;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.coinflip-top__left-choose-item--active .coinflip-top__left-choose-pic,
.coinflip-top__left-choose-item:hover .coinflip-top__left-choose-pic {
    opacity: 1;
}

@media (max-width: 599px) {
    .coinflip-top__left-choose-pic {
        width: 22px;
    }
}

.coinflip-top__left-form {
    display: flex;
    flex-grow: 1;
    margin: 0 0 0 27px;
}

.coinflip-top__left-form .field__row {
    flex-grow: 1;
}

@media (max-width: 599px) {
    .coinflip-top__left-form {
        margin: 0;
    }
}

.coinflip-top__left-button {
    height: 60px;
    cursor: pointer;
    background: #f1bc6c;
    border-radius: 6px;
    transition: color 0.3s, background 0.3s;
    padding: 0 22px 0 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #3e2f19;
}

.coinflip-top__left-button-title {
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
}

.coinflip-top__left-button path {
    transition: fill 0.3s;
}

.coinflip-top__left-button:hover {
    background: #f2c681;
    color: #554a39;
}

.coinflip-top__left-button:hover path {
    fill: #554a39;
}

.coinflip-top__left-button_myGame {
    height: 42px;
    max-width: 150px;
    padding: 5px 16px;
    margin: 0 auto;
}

.coinflip-top__left-button_myGame .coinflip-top__left-button-title {
    font-size: 11px;
    line-height: 18px;
}

.coinflip-top__left-button_myGame svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 1600px) {
    .coinflip-top__left-button {
        height: 52px;
    }
}

@media (max-width: 599px) {
    .coinflip-top__left-button {
        width: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        flex-shrink: 0;
    }

    .coinflip-top__left-button-title {
        display: none;
    }
}

.coinflip-top__left-button[disabled] {
    background: #b38d55;
}

.coinflip-top__left-button[disabled]:hover {
    animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes flashing {
    50% {
        opacity: 0.5;
    }
}

@keyframes scaling {
    94% {
        transform: scale(1);
        filter: blur(0);
    }

    100% {
        transform: scale(1.4);
        filter: blur(1px);
    }
}

.coinflip-game {
    width: calc(25% - 6px);
    height: 201px;
    display: flex;
    background: #1b1d26;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1650px) {
    .coinflip-game {
        width: calc(33.33% - 6px);
    }
}

@media (max-width: 760px) {
    .coinflip-game {
        width: calc(50% - 3px);
    }
}

@media (max-width: 599px) {
    .coinflip-game {
        width: 100%;
    }
}

.coinflip-game__progress-wrap {
    position: absolute;
    top: 39px;
}

.coinflip-game::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    content: "";
    background: rgba(27, 29, 38, 0.89);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.coinflip-game--blured::before {
    opacity: 1;
    visibility: visible;
}

.coinflip-game__side {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.coinflip-game__side--winner {
    background: linear-gradient(180deg, #1b1d26 0%, #1e292c 100%);
}

.coinflip-game__side--loser {
    background: linear-gradient(180deg, #1b1d26 0%, #2c1e28 100%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.coinflip-game__side--loser::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    content: "";
    background: rgba(27, 29, 38, 0.52);
    transition: opacity 0.3s, visibility 0.3s;
}

.coinflip-game__userpic {
    width: 70px;
    height: 70px;
    border-radius: 12px;
}

@media (max-width: 599px) {
    .coinflip-game__userpic {
        width: 60px;
        height: 60px;
    }
}

.coinflip-game__usercoin {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: -16px 0 0 0;
    background: #1b1d26;
    position: relative;
}

.coinflip-game__usercoin img {
    width: 100%;
}

.coinflip-game__text {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
    margin: 6px 0 9px 0;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.coinflip-game__text--waiting {
    color: #4d5060;
    animation: flashing 1.2s infinite;
}

@media (max-width: 599px) {
    .coinflip-game__text {
        font-size: 13px;
    }
}

.coinflip-game__value {
    box-sizing: border-box;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #21242f;
    border-radius: 6px;
    padding: 0 12px;
    font-weight: 600;
    font-size: 14px;
    color: #7ec76c;
}

.coinflip-game__value span {
    padding: 0 0 0 15px;
    background: url("/assets/icons/usd.svg") 0 50% no-repeat;
    background-size: 15px;
}

.coinflip-game__side--winner .coinflip-game__value {
    background: rgba(175, 240, 144, 0.1);
    border: 1px solid rgba(95, 177, 104, 0.47);
}

.coinflip-game__side--loser .coinflip-game__value {
    background: rgba(240, 144, 150, 0.1);
    border: 1px solid rgba(177, 95, 95, 0.47);
    color: #de5d5d;
}

.coinflip-game__side--loser .coinflip-game__value span {
    background: url("usd-red.0a82a9fc39a8dfab24da.svg") 0 50% no-repeat;
    background-size: 15px;
}

.coinflip-game__button {
    height: 34px;
    padding: 0 14px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    transition: color 0.3s, background 0.3s;
}

.coinflip-game__button--cancel {
    color: #3e1d19;
    background: #f5705e;
}

.coinflip-game__button--cancel:hover {
    background: #f58677;
    color: #613c38;
}

.coinflip-game__button--join {
    color: #3e2f19;
    background: #f1bc6c;
    min-width: 94px;
}

.coinflip-game__button--join:hover {
    background: #f2c681;
    color: #554a39;
}

.coinflip-game__bottom {
    position: absolute;
    bottom: 6px;
    text-align: center;
    font-weight: 700;
    font-size: 9px;
    line-height: 11px;
    text-transform: uppercase;
}

.coinflip-game__bottom--bot {
    color: #fc7167;
    transition: color 0.3s;
}

.coinflip-game__bottom--bot:hover {
    color: #ffa8a2;
    cursor: pointer;
}

.coinflip-game__bottom--winner {
    color: #6cc780;
}

.coinflip-game__bottom--loser {
    color: #fc7167;
}

.coinflip-game__call-bot-loader {
    color: #f1bc6c;
    position: absolute;
    bottom: 6px;
}

.coinflip-game__call-bot-loader svg {
    width: 12px;
    height: 12px;
}

.coinflip-game__call-bot-loader-join {
    color: #191c25;
}

.coinflip-game__middle {
    width: 35px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

.coinflip-game__middle::before,
.coinflip-game__middle::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
}

.coinflip-game__middle::before {
    width: 1px;
    height: 100%;
    background: #171921;
}

.coinflip-game__middle_shield {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 31px;
    height: 30px;
    bottom: 0;
    background-color: #171921;
    border-radius: 6px 6px 0 0;
    background-image: url("shield.43dbbdd42ca09589bd22.svg");
    background-position: 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.coinflip-game__middle_shield-active {
    cursor: pointer;
}

.coinflip-game__middle-badge {
    width: 35px;
    height: 35px;
    background: #171921;
    border-radius: 40px;
    position: absolute;
    top: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    color: #5c5f6f;
}

.coinflip-game__countdown {
    width: 35px;
    height: 35px;
    position: relative;
    background: #232531;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.coinflip-game__countdown * {
    box-sizing: border-box;
}

.coinflip-game__countdown::before {
    width: 31px;
    height: 31px;
    content: "";
    position: absolute;
    background-image: radial-gradient(circle,
            rgb(27, 29, 38) 0%,
            rgba(23, 25, 33, 0) 100%);
    background-color: #f5705e;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    background-size: 300%;
    background-position: 50%;
    opacity: 1;
    z-index: 3;
}

.coinflip-game__countdown-number {
    font-weight: 700;
    font-size: 14px;
    color: #f5705e;
    position: relative;
    z-index: 4;
}

.coinflip-game__countdown-number--scaling {
    animation: 1s scaling infinite;
}

.coinflip-game__countdown-progress {
    position: absolute;
}

.coinflip-game__countdown-progress:after {
    clear: both;
    content: "";
    display: table;
}

.coinflip-game__countdown-row {
    width: 35px;
    height: 35px;
    float: left;
    margin: 15px;
    position: relative;
}

.coinflip-game__countdown-row:nth-child(3n + 1) {
    clear: both;
}

.coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box {
    clip: rect(auto, auto, auto, auto);
}

.coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .coinflip-game__countdown-halfcircle {
    border-color: #f5705e;
}

.coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .left-side {
    transform: rotate(360deg);
}

.coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .right-side {
    transform: rotate(180deg);
}

.coinflip-game__countdown-box {
    width: 100%;
    height: 100%;
    clip: rect(0, 35px, 35px, 17.5px);
    left: 0;
    position: absolute;
    top: 0;
}

.coinflip-game__countdown-box .coinflip-game__countdown-halfcircle {
    width: 100%;
    height: 100%;
    border: 2px solid #3498db;
    border-radius: 50%;
    clip: rect(0, 17.5px, 35px, 0);
    left: 0;
    position: absolute;
    top: 0;
}

.coinflip-game__countdown .coinflip-game__countdown-row--solid {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    top: 2px;
    left: 2px;
}

.coinflip-game__countdown .coinflip-game__countdown-row--solid::before {
    border-radius: 0 100% 100% 0/50%;
    content: "";
    display: block;
    height: 100%;
    margin-left: 50%;
    transform-origin: left;
}

.coinflip-game__countdown .coinflip-game__countdown-row--solid.progress-60 {
    background: linear-gradient(to right, #171921 50%, rgba(0, 0, 0, 0) 50%);
}

.coinflip-game__countdown .coinflip-game__countdown-row--solid.progress-60:before {
    background: #171921;
    transform: rotate(144deg);
}

.coinflip-game__countdown--reflected .coinflip-game__countdown-row--solid {
    width: 15.5px;
    border-radius: 0;
    transform: scale(-1);
    background: rgba(0, 0, 0, 0) !important;
}

.coinflip-game__countdown--reflected .coinflip-game__countdown-row--solid::before {
    width: 100%;
    margin-left: 0;
    transform: rotate(180deg) !important;
}

.coinflip-game__countdown--90 .coinflip-game__countdown-row--solid::before,
.coinflip-game__countdown--40 .coinflip-game__countdown-row--solid::before {
    transform: rotate(144deg) !important;
}

.coinflip-game__countdown--90 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box {
    clip: rect(auto, auto, auto, auto);
}

.coinflip-game__countdown--90 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .coinflip-game__countdown-halfcircle {
    border-color: #f5705e;
}

.coinflip-game__countdown--90 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .left-side {
    transform: rotate(324deg);
}

.coinflip-game__countdown--90 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .right-side {
    transform: rotate(180deg);
}

.coinflip-game__countdown--80 .coinflip-game__countdown-row--solid::before,
.coinflip-game__countdown--30 .coinflip-game__countdown-row--solid::before {
    transform: rotate(108deg) !important;
}

.coinflip-game__countdown--80 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box {
    clip: rect(auto, auto, auto, auto);
}

.coinflip-game__countdown--80 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .coinflip-game__countdown-halfcircle {
    border-color: #f5705e;
}

.coinflip-game__countdown--80 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .left-side {
    transform: rotate(288deg);
}

.coinflip-game__countdown--80 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .right-side {
    transform: rotate(180deg);
}

.coinflip-game__countdown--70 .coinflip-game__countdown-row--solid::before,
.coinflip-game__countdown--20 .coinflip-game__countdown-row--solid::before {
    transform: rotate(72deg) !important;
}

.coinflip-game__countdown--70 .coinflip-game__countdown-row .coinflip-game__countdown-box {
    clip: rect(auto, auto, auto, auto);
}

.coinflip-game__countdown--70 .coinflip-game__countdown-row .coinflip-game__countdown-box .coinflip-game__countdown-halfcircle {
    border-color: #f5705e;
}

.coinflip-game__countdown--70 .coinflip-game__countdown-row .coinflip-game__countdown-box .left-side {
    transform: rotate(252deg);
}

.coinflip-game__countdown--70 .coinflip-game__countdown-row .coinflip-game__countdown-box .right-side {
    transform: rotate(180deg);
}

.coinflip-game__countdown--60 .coinflip-game__countdown-row--solid::before,
.coinflip-game__countdown--10 .coinflip-game__countdown-row--solid::before {
    transform: rotate(36deg) !important;
}

.coinflip-game__countdown--60 .coinflip-game__countdown-row .coinflip-game__countdown-box {
    clip: rect(auto, auto, auto, auto);
}

.coinflip-game__countdown--60 .coinflip-game__countdown-row .coinflip-game__countdown-box .coinflip-game__countdown-halfcircle {
    border-color: #f5705e;
}

.coinflip-game__countdown--60 .coinflip-game__countdown-row .coinflip-game__countdown-box .left-side {
    transform: rotate(216deg);
}

.coinflip-game__countdown--60 .coinflip-game__countdown-row .coinflip-game__countdown-box .right-side {
    transform: rotate(180deg);
}

.coinflip-game__countdown--50 .coinflip-game__countdown-row--solid::before,
.coinflip-game__countdown--00 .coinflip-game__countdown-row--solid::before {
    transform: rotate(0deg) !important;
}

.coinflip-game__countdown--50 .coinflip-game__countdown-row .coinflip-game__countdown-box .coinflip-game__countdown-halfcircle {
    border-color: #f5705e;
}

.coinflip-game__countdown--50 .coinflip-game__countdown-row .coinflip-game__countdown-box .left-side {
    transform: rotate(180deg);
}

.coinflip-game__countdown--50 .coinflip-game__countdown-row .coinflip-game__countdown-box .right-side {
    display: none !important;
}

.coinflip-game__countdown--40 .coinflip-game__countdown-box {
    clip: rect(0, 35px, 35px, 17.5px) !important;
}

.coinflip-game__countdown--40 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .right-side {
    transform: rotate(144deg) !important;
}

.coinflip-game__countdown--30 .coinflip-game__countdown-box {
    clip: rect(0, 35px, 35px, 17.5px) !important;
}

.coinflip-game__countdown--30 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .right-side {
    transform: rotate(108deg) !important;
}

.coinflip-game__countdown--20 .coinflip-game__countdown-box {
    clip: rect(0, 35px, 35px, 17.5px) !important;
}

.coinflip-game__countdown--20 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .right-side {
    transform: rotate(72deg) !important;
}

.coinflip-game__countdown--10 .coinflip-game__countdown-box {
    clip: rect(0, 35px, 35px, 17.5px) !important;
}

.coinflip-game__countdown--10 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .right-side {
    transform: rotate(36deg) !important;
}

.coinflip-game__countdown--00 .coinflip-game__countdown-box {
    clip: rect(0, 35px, 35px, 17.5px) !important;
}

.coinflip-game__countdown--00 .coinflip-game__countdown-row.progress-40 .coinflip-game__countdown-box .right-side {
    transform: rotate(0deg) !important;
}

@keyframes flipCoin {
    to {
        background-position: -12061px;
    }
}

.coinflip-game__coin {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 20;
    content: "";
}

.coinflip-game__coin_red,
.coinflip-game__coin_black {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-repeat: no-repeat;
    background-size: auto 180px;
    animation: flipCoin 3s steps(67) forwards;
}

.coinflip-game__coin_red {
    background-image: url("red.50b8e3e8550f4e670365.png");
}

.coinflip-game__coin_black {
    background-image: url("black.416b1b15e014f931e069.png");
}

.coinflip-filters {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (max-width: 1400px) {
    .coinflip-filters {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .coinflip-filters {
        flex-wrap: wrap;
        gap: 8px;
    }
}

.coinflip-filters__prices {
    display: flex;
    gap: 8px;
}

@media (max-width: 760px) {
    .coinflip-filters__prices {
        width: 100%;
    }
}

.coinflip-filters__prices-item {
    box-sizing: border-box;
    border-radius: 6px;
    height: 46px;
    display: flex;
    overflow: hidden;
    border: 1px solid rgba(36, 39, 53, 0.77);
    transition: filter 0.3s;
    position: relative;
}

.coinflip-filters__prices-item:hover {
    filter: brightness(1.2);
}

@media (max-width: 760px) {
    .coinflip-filters__prices-item {
        flex-grow: 1;
    }
}

.coinflip-filters__prices-title {
    display: flex;
    box-sizing: border-box;
    min-width: 56px;
    padding: 0 5px;
    background: rgba(31, 33, 45, 0.5);
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #686c79;
}

.coinflip-filters__prices-row {
    min-width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.coinflip-filters__prices-row::before {
    width: 16px;
    height: 16px;
    position: relative;
    background: url("/assets/icons/usd.svg") no-repeat;
    background-size: 100%;
    content: "";
}

.coinflip-filters__prices-field {
    width: 26px;
    min-width: 26px;
    font-weight: 600;
    font-size: 14px;
    color: #7ec76c;
    background: none;
}

.coinflip-filters__prices-buffer {
    visibility: hidden;
    position: absolute;
    font-weight: 600;
    font-size: 14px;
    left: -1000px;
    top: -1000px;
}

.coinflip-filters__prices-label {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 2;
}

.coinflip-filters__row {
    height: 46px;
    border: 1px solid rgba(36, 39, 53, 0.77);
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 7px 0 14px;
}

.coinflip-filters__row-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #686c79;
    margin: 0 10px 0 0;
}

.coinflip-filters__row--sort {
    transition: filter 0.3s;
}

.coinflip-filters__row--sort:hover {
    filter: brightness(1.2);
}

@media (max-width: 760px) {
    .coinflip-filters__row {
        width: calc(50% - 4px);
        padding: 0;
        justify-content: center;
    }
}

.coinflip-filters__sort-icon {
    width: 30px;
    height: 30px;
    background: #222532;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}

.coinflip-filters__sort-icon path {
    transition: fill 0.3s;
}

.inventory-top__sort:hover .coinflip-filters__sort-icon {
    background: #222634;
}

.coinflip-filters__sort--active path:nth-of-type(1) {
    fill: #545968;
}

.coinflip-filters__sort--active path:nth-of-type(2) {
    fill: #808399;
}

@media (max-width: 599px) {
    .coinflip-filters__sort {
        width: calc(50% - 3px);
        display: flex;
        justify-content: center;
    }
}

.circle-container {
    width: 35px;
    height: 35px;
    position: absolute;
    background-color: #171921;
    border-radius: 50%;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.circle-container svg {
    transform: rotate(-90deg);
    border-radius: 50%;
}

.circle-container .circle-static-bg {
    fill: none;
    stroke: #232531;
    stroke-width: 4px;
}

.circle-container .circle-bg,
.circle-container .circle-fg {
    fill: none;
    stroke-width: 4px;
    stroke-dasharray: 314.15;
    stroke-dashoffset: 0;
}

.circle-container .circle-bg {
    stroke: #f5705e;
}

.circle-container .circle-fg {
    stroke: url(#gradient);
    stroke-width: 98;
}

@keyframes fillCircle {
    to {
        stroke-dashoffset: 314.15;
    }
}

.circle-coin {
    width: 35px;
    height: 35px;
    position: relative;
}

.circle-coin__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #f5705e;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.coinflip-provably-modal__game {
    color: #747682;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
}

.coinflip-provably-modal__game span {
    color: #f1bc6c;
}

@keyframes winterCrash_snow-mowing__Ap3hQ {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateX(-800px);
    }
}

.winterCrash_component__OkocS {
    display: grid;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 1600px) {
    .winterCrash_component__OkocS {
        width: 100%;
    }
}

.winterCrash_row__yaIPI {
    width: 100%;
    height: 100%;
    position: relative;
}

.winterCrash_row__yaIPI::before,
.winterCrash_row__yaIPI::after {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
}

.winterCrash_row__yaIPI::before {
    width: 455px;
    height: 56px;
    background-image: url(/assets/images/light-top-left.webp);
    left: 0;
    top: -26px;
}

@media (max-width: 1850px) {
    .winterCrash_row__yaIPI::before {
        width: 320px;
        height: 44px;
        top: -19px;
    }
}

.winterCrash_row__yaIPI::after {
    width: 207px;
    height: 48px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ4AAABgCAMAAAAaTeTgAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAMAUExURUdwTP5WVVx+fzPKLS3VMf84OP8pMv8AAAH/P/4AAB3nEivVHB/gEv81Nf81Nf85Of82NhjpDRXsCv81Nf80NAAAABjrC/81Nf83Nx7mDf82NhXvCRnuCf85Of8zMxzpDBruCf85OQ9XD/81NRfxCxfxCRbyCv82NhfzCRQ0Hx4mJCsuHxYjHxguJ/82NhYqHxcnIBUiHxQ0HxQzHxQzH/82Nhk4HxUvHhQdIBQvHhY0IBU0IP83NxQqHxMyHhMuHhMzHhMvHxM0HxMxHhMwHxgoHRQzHxgrIP85OxvtEBY1HRScSvJhYkRoN6exhxRbH5OyXKnEhJ+7arDEkj2VJrvLoCrCdhVTHxNUI01/ZmeRRqe5gqS9WYGmVfdmemx0RlBvO4ueb3+cabTLsiphLnOOWvduf3mpVYayZ8bVmfwRXxNWHVDjW/hadU5+OxI+H6zFild+PjZcI5+8bTm1LqXAcYGYY/N+dnl9RRd2Hn/wnl95ZDtlKfpjh3F1YiFPIfp4ifk2YYaiVPUydGOHTkrIUjZ4L7rOi7/YsoDBaWnoi1F+OcfUz+6JXcYIG2DQZzK4WC+WIL2gZJH4q1XYgui3i4pXTWrjmeuCnCdgIPwDCSJWHhNHFhNBDDBsIRhQGixaGDNiGyJTEWeTNFyJK1B/JyNIEXKdPTd0KQv9x0N/LT5tIPABBEN6HVCLNAw1CkZzKfohRBs5Dn6kPvsGTf1vlVyRPxqtVQmkOvstW/kdIfoFNT53No6wSxCvKn6tUAksCWOgP/lBby+PTw2bM/x6nz+MbBgsDBCKOSL+0/T/+/tshvI6Hfo/R0/OhH/9HN8EHvv7Dyb1JleigPlUefmjwVWfMfH9oOQUOu/6gvT6zFr+E2W/UA7IZHMdLPZgOf38RBzztfuNrHOyoO6MKx3SK3iObgujE1pKPo/Ht0n+3fp/f/lMEPW6HQnfUJCzmxnsm7vHa/jcEsZRIzpuWU6rSZNlIKcYGuTRWfinaI/fKFziGan+Qh2pP9f+MPVbzRtgJJ8AAACZdFJOUwADAgQCBAYBAQIKBggLEA0HDRgiFQEVGBIPHiIfGwoSGwkCJyomLys06A0KTAUvPjZE4fLaMipkHVb60jcvtnzBbsqMnBOsGD88Iv5dURaA+/7+Kf1W/pzw/fiE/cl6LXhSZvbSO57jo/79t1zuHvaqk+/IiuuMQaRinv63yvzdybz83L9529+w/v32+OD+od/E/YDIsfa+/lXzPlEAABVZSURBVHja7Np9UNP3HQdw3A4Fq4Ju0bm2WrPWNU/k0YQkkOcHG1DAXQvonU84e9hV7vaHVl2lWms759aevfUuJjHPiROQ8CAKgsdRRc5CwacD4XxYVWZvWrfq1LO93T7f7/eX5JeAnW4nuu73hsYk0Pb8vXx/vp8fZ0oKEyZMmPw/ZwJ5nMBciaeTZwLD8zSqjBrmwjA8TB4dhiFieJg8Ak16Yhikp4knfWQYnqcDJ/3BYYCeNE9UYlxiGKCnDSc1HroQA/SkeGi9SU1OXIjheSLVGbU3yUL0BjFXbqwHG81mfELiQnEf5tKN8akTwwGQzITEhCggpj9jPtmi1YnTzIHQhEb4MJdv7JaCRJw5c2bFQyHFgJj+jClPXIfgIJvJ9ESFCBDTnyfUHYJDbDLioYQwUHJ/GKGx6g6uzpxZUZop0USJMBAuEOMz9t1BOlEczPITkqjRg3yYCzkm3aGqQ3CQy4+pUEZRoLgPwzMmP8hJ1ME2iGUGFUJELxDTn7HjoU82gkPRPE+FEFFATH+e0Gij6RCbn0aDiTBQ1IdZr8eKJ1mHwgGVH0WDhTDQCB+G53FvbSN1ojg/o4KFACjRJ14f5nI+5pMnMxNtBUQH4VA2PyfBQgBEfCZPTq4Pczkf92hL1iE2WVSQEAChATeqDwP0GHiSRhulE8PJypoHyclBjwQI9wf2t/jxM2K8sSD0/w8Lv0HeYqXEnzB5GJ6E8lDdQToEJycWBET5oONnwYqMUXgoBgzEiiqwWSw2BF6lIac4FpOHm2208sBWENXBOPOpICDkk79uxbJlC5ZvGy5dOZnLG59078MiYZMIUNgC8it+jl6gLyAldgqLUfr3PNHyZGTQdWg4+RAMBD5vDQ9v3rxp06bS0tulC5RKvpxL42HBJ5sVgxEIeDweF/2THHgPoaVgRHhknB62POjgQTpZ8zBO/up33n4T5e3VS+fnzMtXXUM6CKezc5VaprYorKlRH6jNBEICMXPNZrOVJBtiy86mfqGeWeHr6PvMSXACNoMzkoecPFR50GRDOvnvnOlormtBqevpeHN1/lufXLu2eRPQoJTKOByOTGvFPFADVloaG3S4ZvCw2WxyklwUES1CiFgMD/iFCJ4rFVqj0YRiNOoVQpvVzGMzPPS9Lbk8WGcL2OyOpnr34Y6OP1y4cA10Tnd2noZUqsHHwE9NT6WWA/DBOvJcSkEoJhgofCpKpVKhUOghWq3WaLLo1MAsVeFIpRyJWmfRirMF/91vL+17xYNnG1mqUXnQwTM//92Out3V1dW742nGPkjm9OXLX365TmGRyDhabno6j1oNUH+4ZuARUhzi2ENMh/hgHaNFY5BxpIAiUxt0Oo0OUUmlEoNFq5Rz2Ux70hNnG1qqqfLkNzcfBpu4DkhVNw/cvXBt+Lc3Ec7lyx9wFWqJ1CKnrdasFJhvZqtNDu0RgwvuDVUfElwnvkKvNWl02EKtMWkVSrEoF+agCA06k04mlcoeJMTCiwc7vp+zvo+3UclHD9nb8GzDJ0/+u0iHlKelBT/09PS0DEB9thYVAU6n8/bOhXITRyrRmscl3Jj+QIAaZJNTR06uKDcadBCJ+HDSmJAMnmYcmQF4lCIrWQlg3+ZZRUqtRc1BQnwbj5VAw7PabNlWK14h4LRjR3f52K0uK2nGpY0YeWlp/3M88aOHzLacnC1rDhOclu7r16/39NQ1QzrqWvruXrjz9/KyzhLn7ZtlC3lCjUolMQq5bLlGJdVYZFJ4VMi5sMDhDSEWazba4ORi6IYGGidFNlIJjDQDGmccmcaoEJpjSxubZ+NrTQYOR23SwzFE/aBBYBUqjBr87TqLyQiV4wuhc2QBEQkXbNhQUFBQvP3TWLryjh46Arl6qvefgydODA6dOjXU29v77bff/OW9l+fOnfviSy89+9wLL0ybPn327GL7hokFbme7y9leX+9y2B1ue1NRWdmyhIsmcng8tSGH2xXyhFzoSXut4/jx+uPttbW1LifE7Wi9WbazLBisiQQ9IU8k6A2FPPv2elyQkHff/ojP5WkK+MN+v39/MAKfkeUrV4x7FB4y2/LXNPZhnpbrV+7du3HlYk8zAoItru/unXvl5aW3b37w6sLMzAyxpkKlkpm0GqmKo8hVWDgqFUejhfUL3/DEb3nM2dAJoIFlQiKB5kh0Rj0fjTklmnM6iRS9Ibbx2CyakEUtkehMeqEVtOV8PXwbB84lo14pzrXyBIIfwgfPKhfCqCwoMBYXF78B2Z73aR5KIk//CeDpRTpDQ733jxwdwWMrWDux2O2sdTrbAagdgOyO1uGilQnXjLfK6w3ZHb5QlRe+NeSwg5Gv/jikvh7Z2PfsbV18c2eZP+j3BwJBn8sb8Ae9Pk9k/z6PDz6qAk1Bj8cbimwtbGgIA1J4ce53tye+uFGbAeHZ0tg4ADot3d1Xzp3oP3njYk9dI6T5izPVd6E95WVlr2ZMnpWZOZ4nMspQE+DTmJ0isOkNqBhwUeEi8oXUKo1PFEQDfYG2qDg6o1KOxxb+CQPPhmohUXFgJVCIoXvkPpXFsym10BYQgZ3bYpBAa4AQdRPf82bnipV6bbFFZ6gsKalwl0AqK1dtPxhNF+I5BEBXrw6dA55+aM/9+9+cunqk66NXgOdFGs/MmVOnzlzlRg2odbeDT7vLbbfv+d22xKu2vCpYZfd4Pf4IVMgJHQu5HA4oUMjjrWqlMryzaGs4AJffH6jx+WpAIeCF4jTtq6qpCYBbxFsVOr58XeGiwsLCRe8v/E945q9pbO4jOv2Dg/0nv4b2NDau6Th29mz3rTu7ysuXPD+F8KSmmvkmtbRCKtNmo2sqkAMXB/qBThWdhkSnlqCRRCYZXGOFiJt4RrAFZjy48NYG9z4Ai0eWUImbRU4pNXyFL8aNQ5UzmtDaV1FRAqv4G8XFxgKUDRve2/E55DXgySM8h3B9zvWfG/rqq/Po/aN5//jwZcLzLJ1HXoJ43KhA9Q5ne60L6tC6jr7hp5u3FS0GiZpFix3uUEWlw+7z+kAR5mEoBA2CGee0N20tLFoU8Lc1hBsQTE3YH25o8AeDAWgUGmthfyQYWZBiFq1csmTJLx7qrjSBJytr3tLGxr6+vpbuW7fuwZ+6Sydv/PUM5MCxL86evfj7T3b9cT35qTX1dxK5Ir1RK+ZS/2ku3wIGBh1YSFBgmEngJbwmo0khMgtG27TYZmr8EVgLRKNB/5JUis8q/DaKwSCDO6UKVQVaK4q1eoVSmGtbOxtl2rRpz/3q4483bty44/PX8roOIp2jhw7++U9/29F7CnTOnwe0rq7XXxmNx1bidjjd0Aogcu3dC098Pp99O32+TXhm7W88VZFt76+odLt1tl/bfa5QlX2PvT4EH/Uw7ex7Wlv3NhUtAow2v78t7K+pCjaEA4FwWxuMO3jS0BaGBF//5XfeoI3CM4XWntWNA319AwO3dg0Onhi8dOnrK599duDAMczTvXT9+hkz6Dzj0tNTYdWNbW48uR5GErqVIVHDQEM/YFBr4E+/3Mx+4BZMtjY9qgWhlcnUOg1aAqJlIVEjPXgbn0HcSZOemTRx4tSJU2fOnD19+r/au//YqK07AODm7lSO5Kq2tNkPQCMcAaIAC52U0Enw15TRAJfl96r8BNQ0Gc1QfkJWMZWWlR9DrK20aXMu59iXHDG+nXMh0SEawvWiIEEJFZHStJlSAVOlSKOVQif+4I9pe+/Zz372+ZJAs9on5StColMElj/6Pn+f/d7XEGjt2k0ZjW/9+YN9l2H2jI3NXQRx8+Ic0Ply39iNG5H3JJ5NGp6UlOxf0V0ogUDu+GhBoLv9DMMFO7KI82bbyXL1W23Ur73et7cfZ2mfLxjmePoCfQnwsAzD82B8i0T6QO6M9La8C2hCkKS3pwpcb4BPYGSkMPpudLD40BPc09GXBu98AeLfX/3jk+mJe9PT048BDgzAc+Xr/S+ukZ/5EE+0NU/k3Fm7d/4C3g1A2fMzdD7hBX1H3sI31NLAvHbvjm1o4roT1ma7X0HXIvfWV8CkSIpt4NO9ebA2gJGamuoCPohn/Q9Wp6dDnk0Z4NKf3/jBNcBTfhHH/bm5y6V8qAHoyDzr1qWvXg0qA8STkst0oeTp9n7sA4nDizwbikR6q8kDrG0JNIFvHo7153pYxgsu/2H2qtfLwPThONqLUkjsKx4ZfHhgT/XIIMyaqsKRKk92A/hscLD6yNH2qoe/KXs6HlRYvzNw5+43E/c+n5gAf00/fqDoTP79/Ebpkc88PLAIzst9Gd67QQFOaPbevCe51+nGjyQ0qQbrCDjdcdgdDofTCf5yxPOsTl+3DvJkbM7MzH9vdmxs332sc/PmzT9+Phiqzsdjm1QZqDzZNBrbQFHt6wKn2ksLYiDYW9xEHgN1qP0gHCJeZ9kD21s4vosN9Aa5qyDPQGnm48JhgWcY5mq06OFgRxmV11oIgPre7mg/fQTQVrZWFZ2hqLy6shLb009LAc/43Yl79yYmvv3m8eMHD26h7Ll+/Z+jneP78RM59EB7nvUGaW7pZKKTvLTTeicKksdF8KTLPNCnbZbkuX95aipUny8nD3HpkXk8mAcCgXo4xHJiJNKku/9XgCYqP+fCzVQzyzP+YG9vkOH9LMgauv+SnxOESCRWWNh+FP7a9qNVIA5QWwvQVWZlQYkdt2F7Ep5nnyPviNZc+Wr8W2Bz9+7kLahzS9KZ7Bz/y8bF8vw/g+TB6QMq4/Xw4iONbhJPZv77/7lRfhPmDYi5a7OzpWfbyORBY5tUGaSkuDxgNgqHtm66m/GBQowTRTF6us74/B3vraRyWziBDQV6AkGe8dE8K3j7fWDC2u/z82KD/Ju7O1pPl+ESIO3J7hoY3BKFPK+evD0w/vX4AIzRSaBzHcRn/x3uPH9MXQ7ykw0JVht8Tz46HsP0ycx/q3zsy/v/QnFt9trM2Zk2XfKoY5srF8xF33yzG1w+unkwzb/g9zOxSHOCQ8hqApePZo4PBwNRMPkEE89QICR0+ViOYbx+mhEa8JzGbl+6BwrSs9KawwN/ujM0PDQ0PDwwNPC3W6NXBoZGD390/hhOHk3hZh5P/MVHTR/Zp/Gv5fsul39aDuLTmUczM22ZZPKQY5vLdZxmPC97IQ/T7fdfYHnaz5zzJDyHVNqeU5wYrmitPB4Iiv5QT09AuOAD5Zs4VSqKQn3BUy97ia8NyFvWwOfkF3eGhw4fBj5Dk5+NDnd2fnT79gmoQ45tz5i0lMqpG91c8ugmldZScYCKN+iTD4psOFV9VFpaOjX1qA3raAoDOLa5Uj18pHYH5PGCBGAuXfALEZ4TG7ISH0nuuXCk2kEdqQgLIgcmOgHB5xeCjBibivQV1S3pw2y8igo9zH615iTIngHg0gm/OgdGT9RskZa6oaXWythmBZ649JF8pPyBQvltH5aimDnbqOrokyc19Wirfe9roDSmGZ7m4fDGx2Ihobog0YHYVtRWo8rOcy4YCQSKW6tjgo+LhLlQLBrO/o4Ps1fGj27EQp1dNSdh8sAYGP3tiZpdW4iFiJqxbaVleOT0kec+cv4gHyj0YenMzPvwXmiGMiVVkwfxuFLs9te9HOARGN7XzwgsE4v2RZsSH4otqw7heSoCfT0jlVurYwE2ONgTDMaKDy4Fj6Z2I5e55eTs2l/zexAn3nhj/7GfblHW8aIrj5ljG+FjJ0prIn2wjwIELzhA6XeNm3HuQB198qSCf819ABTINBcR+a5+f2AqxPRFOxY+0StWlDQVFxWfobY2RyNifXW0N9DTXrI0T3xw7UYuEkXrd3Ny0FeOsoh3jboKXpc83/PzqsTpIxdvhM/mTIUoU04dnQ7J49jTwrEcFxV5v8/PTMXEUOzQoqbS9hIQ8L5Cw5na7XUNhYVFZUvGI6WPPLzpV1iTa+Bx2bbBajy4OMDDG/ZBQEpkKDrS0BaXPHaH80A4HK4o5uBUhhUDPTGhb5HD1MpV6MhWraLS7FRBScnK78ijXcULizfFh9yfsEXZQoJ1lOQxnUebPnE+klAGljHWeYHUcTjczYX1dXXZQd7H0Hws1BftqS8wbaWbdnuPsruH2NxD7O/5oX6D3Crr8MT7yECbMjIIGoyTWMftLCsDs/zjQpeXoadi/r5o9KA5PAbD249eIrfGbXxxo2Z7nKQTv3/EFB7j4U3xQQkkCwEj+ftaQx0XoeN2uuF/sE1gaJZhosGPT7WXmccjFW+kjwK0Rtm6uEbZXKrf3WMqD3FflBzeVB8JaK1KI+MQOkTyIB2bTfqnqT/ERJanxZFfbk81Y3WPPn2ex7vmjXf+oppN2jv/vMlDW4K5D/aR80cGQkI41qk48Tp2jQ6VVdZQcYpnoocoUyK+6YTS1UC7b167cV7VMXXjvHMhHwKICAlnYR2ULwUltRXBQKsF1ori8uBZuSUI2XVCaTsRr2MlHq2PCiQTpUs2Co6qI194II9NTR4pPBWh9h+bzaN0o0L1m9yz5SU1tE1bZB2Tu4I4jao3nQ8EkoTkWC3h6HVSVR0ye1AGVVaamT3q5UfXVAc3PMJNj57T6FigJ0i8jwyEfEggImQbjKPRcag66hKaNPP2Oxh1c9sgA6ntwhQbuaXbMxbpKKob3ggfJYEkIRlJ/nH9vDq6sc3kMOqFKHXbkxvtyc3cCBzr9ENcyEcCwkKkjYyj0bEZjGyW4CH7vOp6VcqdEIlulRbqJmrEg31kIEykhmSDUwfrWJpH40N0elUaiWp7vVqlFy85NyWAUhWgF2QjVUbGSVFTx0jHajyGfZI3KJG4U7K53UBIHp2PCoTTCKeNikOkjiVzJzGQrsk40Wdc9yYFirJW/qhXIASEhYggcQx1LMuj79Gvyhh36bdALx0DH+01SEMkf+ByzTewWWz7XCIg5TUKmpdcWArHmIfIICxEhGIj4Vg6d0ge9RUkCd8/on+Hj7V4wLRfA4SJJCXlZ8lGxdHqWHDrqe7lSkYv8Il/A5Zljl4DZNcBqUJGOErqWFnHiCjBy8ms+Ho/TX1AJJAiBJHQHxzKL8TnjtV59K/2W5Hg7YuU5XhwAhmkEBnxNpZPnQWIrP3WOOXkuh0OAyHSiPzUkcQ8SfZa2fgE0gnpg7Cxbs02P1ASvZRZvXTYHI6FiByGNs6kaReSzDzxQg4DG0UnuXDmM7L0ETs1Qja9kCZsNoPMSaYWY8n5rnmNjxSECP6y2ZI5cXRMSXW4TgOgxJH8PEkXiwZyOpd1TC8SnAvTLOuYK6RCGX7upJZ5rOCTAGc5rAy0fKpMmQUtQmj5NFloprpsY9VxTskkKkls/gdxwAMiFFnJRAAAAABJRU5ErkJggg==);
    right: 5px;
    top: -20px;
}

@media (max-width: 1850px) {
    .winterCrash_row__yaIPI::after {
        width: 170px;
        height: 36px;
        top: -17px;
    }
}

.winterCrash_crash__F3zjY {
    width: 800px;
    height: 400px;
    border-radius: 6px;
    position: relative;
}

@media (max-width: 1850px) {
    .winterCrash_crash__F3zjY {
        width: 600px;
        height: 336px;
    }
}

@media (max-width: 1600px) {
    .winterCrash_crash__F3zjY {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .winterCrash_crash__F3zjY {
        height: 200px;
    }
}

.winterCrash_wrapper__BLtqZ {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: inherit;
    background: linear-gradient(294deg, #15234b 5.11%, #05070c 87.08%);
}

@media (max-width: 1600px) {
    .winterCrash_wrapper__BLtqZ {
        max-width: 1150px;
    }
}

.winterCrash_wrapper__BLtqZ::before,
.winterCrash_wrapper__BLtqZ::after {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
}

.winterCrash_wrapper__BLtqZ::before {
    width: 483px;
    height: 52px;
    background-image: url(light-bottom-left.e0a55d7984bf9120.png);
    bottom: -27px;
    left: 10px;
}

@media (max-width: 1850px) {
    .winterCrash_wrapper__BLtqZ::before {
        width: 340px;
        height: 32px;
        bottom: -15px;
    }
}

.winterCrash_wrapper__BLtqZ::after {
    width: 244px;
    height: 48px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAegAAABgCAMAAADhGhE/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAL6UExURUdwTP/GJvw/P//BHuwAAP+MLrgDy///BP8A//6WAv7GGK1E//+/Jf40OP/CHP/GFv/HF7Uw/bUv///GF/8xL/3GFv8zMv8xL/4xLvwzMrQw/f/JFbYx/7cv//8xLv4wM//KFP/JFbgu/7gt/y8zL//KFf/KE//KFv/IFbku//8wLf8xLDsyLP/LFf/LEx8yG/8xLP/KFB4tHCIqJP8yLTEsJTYrISMuIf/LFP8wKyEyGCksHyArIP8wLbou/yAvHRwzHBw0G/8xLSwvIUYnK0Q3Ox0wGx00HP8yLP8TSR8vGjErRjVEDP/NFhsxHbow/lUtGkRAFzI/DUlPEP/hEf/7mVJQFH5UIUleQf/6gEpPDv/8RSwsRP/tY7cu//07OE1MHDQuUjNBEGB3S0lJEjZEEFZVD3suHf/tQltdK/9PajMtUHSIXCcuPywyQXBnOjYsVDgtGv8tXf/eMZ+YmPdFRKaeooOPa3ArGnOHWP3jO9FR/2p0X6ywnlVtP5CoaZuvcFeBPf80ZWsvHl9bIHU1sI+abf9dIGtdfm1raIUsHdg4/6YwIv/vH/9QZ+9O///tFzsqXf9zYNVb+K20r/9xeDBANKmQwP3qNf3lRrG/hYmdS9FM/XlijOFr/2EykXgsG7GZtv5yOkYtGt1J/+Ji/v/7ev6MWJGWgpYi/qSMrNJJSqAtIdXal/7oX/blYP/xGaEyJrXAeac5/nQa/pg0J8WkNP8KKf9VFP/+Ef8KCy9VKRg0FKsP/yJHEytJJEdDU7gR/yQ9JRUgFz9iLjJgG50O/1+KMTFANP/r///sElJ/Kv/4EP8QN/9ngf//x0Y2YkNwJVAudiAuJkYmaP/+bVReVj5NO3+fRk4ce26UPP3KEf7XEc8V/44O/1otifuTElBxN/4QJPy0E4OQa/wwFf2f/P9xkGp5YFVIb+In/5SyVv86QfJ5//+Rq//D+v/Y/6xI/bmf0MKl1f/yyP7eOvq7O4OCmZemoP72tt9cGfzCcV4O//8hhDQcbk8AAAC4dFJOUwAFBAcBAwIBAQILAwQHCQ0UBQcREBYNFBoKCyMOEx8FJh0YHgMbKiAYJCQ2By042zwxflsoGiRLNDC+MG4rKo3O5jM/Ew2e8C3+r/zoP/kz033Px//+byH9/tz+pP0+Rlzyn/6Wsa7TfVD+2vrhyzvB8PtUL1odbfaab1naXrP93P7EZYqDvv76eqHldvV7/tiI/kL6xvX6kqqU34tVceS4kuCytJ7Gm575wvVXrVzduLr10tfhhP45hMy7AAAZF0lEQVR42uTaDUzU5x0H8BM53nSusOFb3VyVTVmp0UyoxsgSkcwLNoQy4dDxMg6JsEtpKGBQ3gNYY3ypzsSptWlSV13SdMmaMA4OuO2OnrzlQHbHoCDHm+B0aqJmrTbZ8/J/nv/z/P9/sMAdd6RfgUujSdP79Pv7/e5OlcqFCVAtzvjK4uernMX6X+ha4gAU+LCozKXG8vB/4HusrJRFyew3bb730AEzZzE5y3DV3krtD79hvAOZDPJFwcwBc1Gg9iSxvzwqf084+/ktolZLnamuj9rHx0cB26PW/jNlYZT9IDCbxUAta7NgLA1nTe5xla9XMbtPWlpjabwfWokZwa7nQ7GlrfYuZ3dgBzDQfjPEq6l5Z6K8XjmCtQelFVQD3W49fZWXoS9FbK+HJs4/4MJQ01Yv+KKWAMviJmkF5mWyKNTaq5hVcmYZMq/NUC8w9EzGCtbuajOGDebCYXsjNdtnOfMaJjJqttReoiyrtevbrIDMYnvr/JY5i8xr5BGtqfSCdVrGrFaI3NpV0NzIDg6eXlpK7VXQwthmVrMgu1IMa02omU4vtDO1XQ4ip3aVtMLQDp4pzAT3JmmmzvCZ8+GZV8rDUovXt9upp2nzclmUWu06ZwlziBgptrdJU2f41ME+i8yQ9cd8pNSSTvu625lThqxLJJFQz7/U0zOHKEQm7ecd0r4zOIvMq1AYazrAF05aNrSVlJWs5wnN9pllxq5ruV+8NV9q7yg0ZGacBWYGWQypNSetdrs05yxlXiqEs5ZK+8+/0KIzUeYjWHsjtO80zpgZ066mWbWaoaalXghpCbOaKC9ViIzaBdC8s9BmxbCt9qLpLUDj50/iLFEm2JRa7LTboWV1ZpVXwAStwOGo1Rz1/J2ZOgus67gw1F4mLTqriTMe2xzzT2lorwk1t6fdXGhJnQlyEB/GWlJqlWr2H1VzC5oyCzN7nUKUqb0EOpAMbtpnNLZXr6LIv0S/qDVu9UoqTQ4y9zaa7zNmDlIIpqbSLPTcC82NbYb5J2x4arqo82prk70Fml3QjDNCptkOvgVrQZqd3u6TZg4x6EyZsesPuTDWZHzPfU0rzG1SZ7myaM1JhyzL0Zn1BZ6tNFNoHzq4iTOqM/KF2Y1+Im9Rmkxv90JzzrTOuM0I90c0orVUOnAu0opzO0TKvAFFSo2l1xbdOFlidlas9eztzRZa2mdUZ8S8G2QfCHzcLrRa0ml+eLvtEhOcaZ05ZMaalHqenZY5k/VMmTdIQ6ixdHBeiV7rcJjHysie9rgzvcSEO4zUeTs03kkCsQVqRhqvabXb7jEKLTqjOhPmV8Sw1GR8z12aGdziHYadReaNGzbiMNS01GVah1Xr0Olv/6q0yIOVlhVa6gzaDJX37NnzOgh4QNaQWipNhrevyzst7TNTZ1E5FIdgY2pl6blAM4UW68wps9iIuuDjD9eGxNgdtx0Ord5q1ZeXeq7SsksML2jGGdR5J0YmAdaw1XRRA2l+eLu80Uyf1YwzZQ4N3cwmlFLLpGcLLb3EOGfcZpjw8PjwcPBTpAa/nfH+ZMnJk7+zW60Oh86pG9Prizy3pactNHUmzFtx0tMhNWj1btrpae4x1zGr+EJzzoLyz5mw1NyensPwlhUa7me2zkg5PDz6woVwEtLqP7S0tEyOOey3rVanTqfX6Y96cEuTi5uHRoWmzkS58MyZqqqq/KozWyE1Ly1uaTecY/yC5p0F5teYIOtQKh1EpJlKzxpaOrixs8AcHR8dHX3hOPgRTaQB9Ung3GIfs7fctjp0OlDpo+hvD3oYGp1iXKElzulnqjSazjrDSOf93KpCURoOb7HS7nl7TDa4iTOos8C8iQmyFqiZTi+fg7Sk0HJnwBp/9W83v/jianz8hWgc1PCNG99F0Ha79bZVp9Nq9WMni/w8Vmn2TTG20HBwU2fYZsA8Uqfp7DQYxv9+ojM/HUtzlV7jptnNXWLEWawzLPOmTa8ygdaK0rN/0/s7OF87ZRy6+eLF41PH42Ewdc1fNn5oa7EB6BYA7dBagTO8xV76OdbSoCVL4GNkEfgRUVAQ5DZovtCCc/rFfNDlfAA9PjpwYmREU4Wmt3Kl3QZNL+4V+FUVcYbMP2MCqXGpeenZX97SQosLmjCHXx80tT4+O/Hg8eOJq/HxgnXN1PvhH9hssNFxLXFxVqtdP6nV3WDe857mX1haUVHxmUoVVVxeEbOr+Epf+WWXQ/v4SDY0dt7zOry/LmoMYGbDjB46/dX9Oo0mfSs4vuHw5rc0hA508ewWC72cKzR0BlMbM/+ChlIz0uLwnl2lZRsaFZr0mTi3Dj689ejmi5umq/FpSDrto6mpeAANpQG0o8Wu1WpLSkOCp4OOPXm5ADxElTkr+/tqVUn97Zbu/r727vb/lLoYWs1D40KTwV14EUzsus464DzcltoxXDfSqREOMlxpBtr1s1t2ia0Q9zN0JsxvCMHWgBpKh0qkZ/cSS7ah10oKHX1t0Ng6NGScuHXrwdBQ6+DVtDRIXdNjs71rQwHQLQ6HVWsvXgc/3VCE9t9b4tQfVamSdWZnu6WvtvjL7iZLpdMCnI+6/hYTXkQzk5sMbuhcl9+pqdPknvhtW+pA54ihE8xuKE0rzcxuEdr1k5svNJzboM/QGQpvw0HWjLQwvNktPXtodkMzg/vCKVPrUGur8QGAhuCD19IgdU1PT0+vrRc2Og7Eqp3UT+aJf99E1uiyBqeuuCiizGwGun397d1Njd3dlu4v+52/DluIyQ0LDRY0dP5vV2d+btf5gY7UJ9/UGQwaOLu3ilsaVHolN7tdO7kDw8IiYNasQe95ss6gz4gZCO9AwdaiNFdp9rX0rD6e5AstDO7o6OsmI3BGs3vCCB6Np45DaQDd29tLCg0v78mxPxbRT6YZ6MgbpaqAhAazudtZnmhuMDdZ2tu7gbPFYmmvbK+sLC91K7RQ6H07YaE/vW8Y0XQB5a7zzzranjwfHzEY8jWaQlhpfHjTN02E2R3outHtGxaxN2pXTE5GRhJMRkZOTl5ycmjoK5tfDWWckfIWmB1boLUojdY0W+l5QzODGxUajGyjaeLWQxOUNn0iQCPpKdvvW9BrrMlJ7djHIQrQh821qpgGAGx2VgLn5iYzSGNjk8ViBtaW7uIVmMl1o1sJGk3uwlwwqXO7QM4/T2079PU34wa4sMGSJoe3OLsJdKBrRrdvRFRMUkJWdmLiQZrExOzs6qSMY5+nHHnjtU3bdkDnbe8duXTpyLG3tggB1FgaXmRkeINK80t6ntCw0GBDQ+dWo/Hsw0eDRiBtMsFK19zBs3sqDhV6ElX6f6UitK9vKaxqQEyzo0xV1gyBncC5obG5ocnc+M9GFLCnc+hT4W5oMLhBoXPvdoFKPz+QeuDJs3EIbUDQWyn0KtdDh8VGZSRkJu4HOZh4ODurOiGpGnS6ujorOzvx86cDKQcOfPbnf6X+6ciWY+faDtXX13ec/uuRt0A4abHSwuxWz0JauqLFyY3fD4v+BLYYNtp4b+LhWSP4JyOodM1HdxB0T48tzjZlt6PhDa6xIqbRGdqKWPA6+Z3m5oxdzQ0NjWB4NzQ0N8EvINzcABrdXdl/BUNHVddWXHY5tHCLkRVdeL7z27t3u+6iQqfeejKMoes0Z9IZaL7R6vlDR0S9mXD4IDTOzEoAgVMbj+3Nycl5l1JSnqampqakDAwPj55r6+joqIdf9R3nKDUjjSo9l3PsZYVOA5MbQ5sGHz6aMJmMIKeO19wRoMH0npqyobPbUVIQEkKusYCAsHeadXkq/zebrb/Zm/UPYGs2A27gDIsMmo1SWV5+JadIpTp6pa+v7wr4P99v2vUWGxsbERYW9p1eXa1Xhv50/NsJAN3Vdff809OpT75+hpwNmvxCDL1PcnZj6MB57eiIyJiEzLf373/7cGZmViaY3Il0amdVJwHtS6DOKQMDKaPDo6NftXXU48DHjnPvUWlwewuVVp7d/krP2N7IqF1RkZGxYX4vhz5+z9SKTjDj4L2JiYl7g1DadB1A99zp+Tdc07beuDi4pkv+z925BzV1pmGcnY0hlE5XbTu7Xd1Vp2fXzjSSMWeSzCTZCZmchDFVFEy4TMIIVCxCQRSViq6X1fHWMkprsdrL2mXH7mxdd9ud3alCyRLQxIA6mSwFIShU1kFRvLRe/9r3/b6Tk5MQLiraoW+4agx4fud53sv35eTjX0395VShGjMvb29v3ljBWdxurVnhcje5m+tc4NsN4NquBhKuuubejg7PwPK4bR1Qh3v8Gzd/Ca22fEXFwYNrxb+zWcfqlQaDQalkNTqVnHl40LQWe//4qkEC+sy7Qd/97+09FPSqPyxZEuXdYdAJjwOaUZky0LHTFxcUFKQTUaNzYyxbhul68bJtB3Ky7W3BnDvAuUvgjJhB1FWFhDS6d0jSUd4dGzQjV+lYpbOstLi4uLTMWc2aVPLYoAXnXt/diG4NcAH0jeuX9gDpxpNvr//jhXPnLpxDQUPlffk/l7/Z+fF03IHAg47b9WZfu7e9uW9DjTuQrHS53PUuF3Am4XZROfdu2bLF4+noLdjY2dnS0tIJoh7IyF23eWBgYFNFwvJ1B8mERa7SKK2KlFSMFKNCa1GyOo55eEW/+uqSPyFodG7orXw539t3hECveYePrRC5W8FW1RwhTUAnPBJoBikv1UJaTtcuTifJeWla7nKTTp2pUmWCZ69YnpuxbdmyD7Oz7bdv5/Rc7OqytR5zHBOhhrcPKOm5Yu8W6m7aYEVzhoJAo3eWlrwmRF5emVNv4phI0EKKfhk4L/ykm7p1Y/eeazdOnTp1fU83ZulPKOhz59C5gfPd/X+lW0140JlZWe3tLq+rN8vtDgTcLry56pqa6gPuJgw07+a+Tf4WT0dLS0enx38COHtaPAMdAx2eTqD/IeL+8m+Q31hLcoox2QpyVhos2mRjSopCa2B1ZskI7VVs6wbQRRR00bs9tqqQoE8XfXHoDYhFQmhra/MNaege5hnMoyhawph1Gn0+pZxOjHtphgbOz0mT4hOehTccljwHHfQrmSv+nZNj77l9B0H7jrVlA/ZsQdOthHRI0sMlaTFoCeoCKQPnElBzGag6D0jnFZdVa7jEmKBR0GjdBHT3nuunSFy70nj+668/QtAQkKehk965/7vvPp0uUnRimrfd7fW6vc0u5OyGvOx2A+KAi4oZsDf39fVtIpA7PS3QZAFdD0gaYIO6ATdE5+YVKo0l2aiw6DU6aEA1rF7Pw1ZY8QwdtY8Og/4dBX2GgC66enVHz0W+FDu+6vO33nqDxCIB9koIhRbOLlaj5qA0GDtoCdqmRm8oSJ/fAJS1SDk/LVfHySV0MBYadNP1jOcnH825nfPgzsUeEHRbdhuQtp+1tznC9l0oSBp66XCS/mnMBgt0AZRLSpE0iFhllpvBxJ3FALo4r7jaZKagh6bohev3NJK4colyvnHtypWbJ0/+k1c0tW4EvV9s3VNKve0Bt9dN3sGqA02p7qYAKhl4I+zm5v59+4BoJ/D1n2ignMG+W+CTpxMDPm9UmQyImdWZWKXFqk1WJCsUySSMIHKDRsWMDfSvBdCDmKNXnZ4HpL/iOc8r+hcwPgSxe/duaHzSMsC+9Wn0hFqpAC/R08qAGQW2hCGMWWW+Nt3YMF+hLSCwC9I0arkkaimagibjz0IouR9cJBkaOLdBaXYWIlsgDRVZ2LtxOjZ8J82oWCcSNjhLSpysWk6vL5Uo4zSAuqwM3vVqeVSKDoF+7+1uCvp6CDRk6fPnb16goEk1dhlA37qF3r36L9srELS6xusNBLyBJvKOWkbO9aFwN7j67+3bt8UPbAFzgx8gI2387oQf/By83O+vVyoVqe6sN7enGbSQo408Y4XRCAk7BQJOAZVkrJMxHJhQ0MB53tV5V789zhs3CDoUKObaWuiBtuaaTCaoAC34k1OAtkWp17MmyjsWYrMaEMP9rcmKFHL//HzAPH/x0lx1OMmIlq5+IoCeDdXYgx4E3dpGBU2iTbDvAxT0nOhqbAhozmQoea3UwGqcJcUGnVz0C05RV5fmOavLioudGnNo036kohf+OQr0pWs48eZB/xdIX7688+4tiE+nr97e19e/Dh5HrvF6vTxkYOzFrIyZus5LqzBXXdZdAN2Ls7EGAOwXPsLnEy2eLf4G+LoZ8jsUbL3tAJnqigTLEv8m5ZnRyoZVPfoI9LP/DQ4OnpmHcZViPv5t0eeHvthNAjQdcu2VinRtPv5EpG2wahVGUggS3kTeAm8Jr2I0AIUR76O1QH9AKINlR+aXGKBx4ero4R4EHXSAdTscPGi7UJG1Vi7gW+mRym7oTVgwbadGpXOWlOpVUXmNY4vznGx1WV4Zy8W07oUfkY6qsfuSwPnaTQqaCPryzp139++/dQuSdMWGvv7XN3BTuF0bvvHyiuZZ84GZGiD39/fdvXdv3+sg5WaX64SLjE+g7yKTMj/ROGgb0jv0X3XuerfRoNeozfTQgn0yeHDBzK2KSNQR+w5iLmqs+erM9cEiMefTRe+/s2bNEtJeLTly5MjWrRlp25bW1i5ShLI0Ob/ouYUkw/LWQP0MMqYqDiFWYuSTxFygBDEPt4tIDPrFF2dVAukum68VZOy4f1YkadJuoaRHBx0xHRlyLV5ZIiOXJ0qkkF6k0ZbE3xUKNWjA4qT4YNJ4qRRrdNkUBgI+TJXjibF27erV7/2+omLbunXOFbu2Z9W019R4A1hv1zSl1kBLhIcGDgwcGZWKM5vl4O7x0seeeUokwJx5iHpYdDgk9AES8NRgsE4n21HgpMj8RWYmLfyUBiwLKD/kquH/jODmEwnmEcLYarEQJeNfw384P02jMzMj7DoQg37lN7PKP9tx0eezIVb7/Qjvhjj80KCH6fekeDkIRjrcAZPFha64L4uP46+/Hx9Hr+Ask8HPkJFL1sikU6dgMTY1kTTmQ3YTiYda43mhQ8nj/nPiBBT1Cz/nsMXNVGNQ2lAEKhQKghJ460ndb6XiTk2tr8dqwQhoAS8yhxoRG32TSi4Zbjk6Okc/j0uUs6ctKKyy+cjAhGjaLnBuc9jLY1r3wy5rxIVah1GkIaPE4beVEeKRU1TaoSVGLkhPoNdjgIM/A82eI6gJZ7zpdNS2KVoESgKREiHTAGULpwJrgupLMuo+IhHoybgWPW3mzAMgaZsP2TraRHOTs8fajkZU3ZNjtVdP6LDIYozMw1eSlE5A0HES4t/A+gWO41SqTDXS1mGQ+htpW6xWnqyVd3Mdqcyt8C1mJrXKzMSPJJf4oX10yLtnT5tZniOQFkWb/ZijPAR61rB99FPyvwjU0jDoCUVaQkdqL71kNps5QltNWQNpUu0jbqXBoMSSi3wF6C04U9Fx5rHtkhkR9G8LHb5WXzAKNYh77wLcfhBjMvbsE1f0CKjFlxKMm1CBdRl0ZgzAlstxsYwzI20Vr2ykzfK0kTQU3oBYzXFmOTNGnYysaELaFwwCarJUCeGDrN3qqxxh1v1DgBY2iEtlExK0aHMhtBQz6M4uQd0koGvAxkEF3wNgaB/GzDhK0TRJPxeuxoik51TmtAa7fI5Wm40Q9tmC8FVhEhW0OEU/Iyq6nz5oQdQT70WTIkvw0FO4EpA4v5ePD4bemEdMd0Mb6QhJzyk/7LAFqxyo66AtGOwK2qoqIxav+BT9zKPsAx1vUcsmLuiIIRv/2nak02YkCQyeBTJJPAB+9G2rw3o3L+k5SYV/9wW7+ADY/yhPCgt6+MWr+Kd+iCbki6CNifp4PNTQJB0t6TlzkyoP7K0iiq7a+0F5Et0IGi3o6BT99EHH/ShB854+jqCHejdPGjf7JpVXFhZWli/gd4HODe8CFZ5/xQt60g+TokWg4348oMczhj4j52ciSYv2dfMbu8dvX/cTgv3/9s6gxUEYiMKCDaKICsVTTz0seN3//+cW12QyE9NWtDWOfQN7L368bNbtfA9IX5OWkbYbOePe1S/f1JiWcjzn8ItESUFjFoP2kR5ox06sXtHu1X3j7hUmCWham6U1eLs1O9um5Jw7prdAoHWBDvZmpzV4sSBtV+GDgxugFYAOVDUtGUys8eDGhQfOeEBui2qLgQqzK2hx8RakfwKHidXVDIJzGGiAPnyk/zPt3JBkJboLKZHVWnTCP1XjKqaPdONJxzxjwyvPGJ7p0e9jzCjXcnPgIMSB3BxYNTi49UW65C7Q1rlAe+kC7Z3jN+CMQGuLNFmcvcS5p+kE5ipm98Xz1BFp4fd1WvbA131tH3MGaGWkCXVUwR92LZjthXaYPUFz0h51rFPjTe0pmESvTVwbUs5acqp5Sw4vRAJnrac3D/XS3iuHGaT1nN68KidSZcdLC6nIDnlW+EfWRLrmBaRNw4spBWbzrrZwzP6gSyoVzvPPt81ikl3I9u2PxiQBvX8jPCYxa2NZ108p44WYYtAs1Q42H8MwFzi2VZOWqEfaxgI2UczgrB61wM0hI80nJF0a+8MGad4+lyOyfkAZoNch/kjj+3rSUdYFMK+P8Aj3cqBPVMxmRnjCDNCn+V39ZPCYvoA1/iV5JtQZovyVvDNgPj/rzF68FmL+A5zOrC73R0UiAAAAAElFTkSuQmCC);
    bottom: -22px;
    right: 13px;
}

@media (max-width: 1850px) {
    .winterCrash_wrapper__BLtqZ::after {
        width: 200px;
        height: 38px;
        bottom: -17px;
    }
}

.winterCrash_scene__Lz5UN {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
}

.winterCrash_snowFlakes__Ogro8 {
    width: 800px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .winterCrash_snowFlakes__Ogro8 {
        width: 100%;
    }
}

.winterCrash_snowFlakes__Ogro8::before,
.winterCrash_snowFlakes__Ogro8::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(/assets/images/snow-flakes.png) repeat-x;
    background-size: 800px;
    animation: winterCrash_snow-mowing__Ap3hQ 60s linear infinite;
    animation-play-state: paused;
}

.winterCrash_snowFlakes__Ogro8::after {
    left: 800px;
}

@media (max-width: 1600px) {
    .winterCrash_snowFlakes__Ogro8::after {
        left: 100%;
    }
}

.winterCrash_snowFlakes__Ogro8.winterCrash_flying__nQyAv::before,
.winterCrash_snowFlakes__Ogro8.winterCrash_flying__nQyAv::after {
    animation-play-state: running;
}

.roof_component__2sPbt {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 6px;
    overflow: hidden;
}

.roof_component__2sPbt::before {
    width: 464px;
    height: 76px;
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    background: url(roof.2b3f3ca5ee7a936b.png) no-repeat;
    background-size: 100%;
    transition: transform 1s;
    transition-delay: 1s;
    z-index: 10;
}

@media (max-width: 1850px) {
    .roof_component__2sPbt::before {
        width: 340px;
        height: 56px;
    }
}

@media (max-width: 599px) {
    .roof_component__2sPbt::before {
        width: 220px;
        height: 36px;
        bottom: -10px;
    }
}

.roof_component__2sPbt::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: linear-gradient(180deg,
            rgba(65, 89, 248, 0) 53%,
            rgba(65, 89, 248, 0.1) 76%,
            rgba(65, 89, 248, 0.51) 120%);
    transition: transform 1s;
    transition-delay: 1.2s;
}

.roof_component__2sPbt.roof_started__znPDo::before {
    transition-delay: 4s;
    transform: translateX(-400px) translateY(80px);
}

.roof_component__2sPbt.roof_started__znPDo::after {
    transition-delay: 4s;
    transform: translateY(150px);
}

.status_component__V3y1J {
    padding: 34px 0 0 34px;
}

@media (max-width: 1850px) {
    .status_component__V3y1J {
        padding: 24px 0 0 24px;
    }
}

@media (max-width: 599px) {
    .status_component__V3y1J {
        padding: 14px 0 0 14px;
    }
}

@keyframes timer_blinking__qyU7J {
    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

.timer_component__bf0E0 {
    display: grid;
}

.timer_text__CYdkF {
    max-width: 160px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 1850px) {
    .timer_text__CYdkF {
        font-size: 18px;
        max-width: 120px;
    }
}

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

.timer_text__CYdkF span {
    animation: timer_blinking__qyU7J 1s linear infinite;
    color: #f1bc6c;
}

@keyframes coeff_shaking__81CWK {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(5px);
    }

    50% {
        transform: translateY(-5px);
    }

    75% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes coeff_crashed__Q6tp0 {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.coeff_component__oFvgZ {
    display: grid;
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    transition: color 0.3s;
}

@media (max-width: 1850px) {
    .coeff_component__oFvgZ {
        font-size: 38px;
    }
}

@media (max-width: 599px) {
    .coeff_component__oFvgZ {
        font-size: 28px;
    }
}

.coeff_component__oFvgZ::before {
    width: 350px;
    height: 270px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: url(/assets/images/crash-light.png) no-repeat;
    background-size: 100%;
    opacity: 0;
    transition: opacity 0.5s;
}

@media (max-width: 1850px) {
    .coeff_component__oFvgZ::before {
        width: 300px;
        height: 231px;
    }
}

.coeff_component__oFvgZ.coeff_crashed__Q6tp0 {
    color: #ef5a35;
    animation: coeff_crashed__Q6tp0 0.8s linear backwards;
}

.coeff_component__oFvgZ.coeff_crashed__Q6tp0::before {
    opacity: 1;
}

.coeff_counter__\+IYmN {
    position: relative;
    line-height: 1;
    z-index: 2;
}

.coeff_started__vO4Yu .coeff_counter__\+IYmN {
    animation: coeff_shaking__81CWK 0.5s infinite linear;
}

.coeff_title__tauyA {
    font-size: 28px;
    color: #ef5a35;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0;
    top: 10px;
    position: relative;
    transition: opacity 0.3s, transform 0.3s;
    transition-delay: 0.3s;
}

@media (max-width: 1850px) {
    .coeff_title__tauyA {
        font-size: 22px;
    }
}

@media (max-width: 599px) {
    .coeff_title__tauyA {
        font-size: 18px;
    }
}

.coeff_crashed__Q6tp0 .coeff_title__tauyA {
    opacity: 1;
    transform: translateY(-10px);
}

.scene_component__ZLwWn {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.scene_row__8nH3E {
    position: absolute;
    width: 800px;
    height: 400px;
    left: -150px;
    bottom: 5px;
    overflow: hidden;
    pointer-events: none;
    z-index: 4;
}

@media (max-width: 1850px) {
    .scene_row__8nH3E {
        width: 660px;
        height: 330px;
        bottom: -5px;
    }
}

@media (max-width: 599px) {
    .scene_row__8nH3E {
        width: 400px;
        height: 200px;
        left: -90px;
    }
}

.scene_started__6bvpE .scene_row__8nH3E {
    transition: transform 1s;
    transition-delay: 3s;
    transform: translateX(150px);
}

@media (max-width: 1850px) {
    .scene_started__6bvpE .scene_row__8nH3E {
        transform: translateX(85px);
    }
}

@media (max-width: 1600px) {
    .scene_started__6bvpE .scene_row__8nH3E {
        transform: translateX(385px);
    }
}

@media (max-width: 1500px) {
    .scene_started__6bvpE .scene_row__8nH3E {
        transform: translateX(300px);
    }
}

@media (max-width: 1400px) {
    .scene_started__6bvpE .scene_row__8nH3E {
        transform: translateX(205px);
    }
}

@media (max-width: 1300px) {
    .scene_started__6bvpE .scene_row__8nH3E {
        transform: translateX(140px);
    }
}

@media (max-width: 599px) {
    .scene_started__6bvpE .scene_row__8nH3E {
        transform: translateX(100px);
    }
}

@media (max-width: 500px) {
    .scene_started__6bvpE .scene_row__8nH3E {
        transform: translateX(0);
    }
}

.scene_crashed__DT-mN .scene_row__8nH3E {
    opacity: 0;
    transition: opacity 0.5s, transform 1s;
    transform: translateX(200px);
}

.scene_canvas__Bb9P7 {
    max-width: 100%;
}

@keyframes blinking {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flashing {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.25;
    }

    100% {
        opacity: 1;
    }
}

@keyframes firstFlying {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes secondFlying {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slideBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -200px 0;
    }
}

.crash {
    padding: 0 25px;
    max-width: 1425px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .crash {
        padding: 0 15px;
    }
}

.crash__top {
    width: 100%;
    display: flex;
}

.crash__top-side {
    flex-grow: 1;
    margin: 0 0 0 20px;
}

@media (max-width: 1600px) {
    .crash__top {
        flex-wrap: wrap;
    }

    .crash__top-side {
        width: 100%;
        margin: 20px 0 0 0;
        display: flex;
        justify-content: space-between;
    }

    .crash__top-side-group {
        flex-shrink: 0;
        width: calc(45% - 5px);
    }
}

@media (max-width: 1250px) {
    .crash__top-side {
        flex-wrap: wrap;
    }

    .crash__top-side-group {
        width: 100%;
        order: 1;
    }
}

@media (max-width: 1200px) {
    .crash__top-side {
        flex-wrap: nowrap;
    }

    .crash__top-side-group {
        flex-shrink: 0;
        width: calc(45% - 5px);
    }
}

@media (max-width: 900px) {
    .crash__top-side {
        flex-wrap: wrap;
    }

    .crash__top-side-group {
        width: 100%;
        order: 1;
    }
}

.crash__game {
    width: 800px;
    height: 400px;
    background: #1f232f;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

@media (max-width: 1850px) {
    .crash__game {
        width: 600px;
        height: 336px;
    }
}

@media (max-width: 1600px) {
    .crash__game {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .crash__game {
        height: 200px;
    }
}

.crash__game::before {
    width: 1600px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    animation: slideBackground 5s linear infinite;
    background: repeating-linear-gradient(to right,
            #1f232f 0px,
            #1f232f 100px,
            rgba(28, 31, 43, 0.8) 100px,
            rgba(28, 31, 43, 0.8) 200px);
}

.crash__game-row {
    height: 100%;
}

@media (max-width: 1600px) {
    .crash__game-row {
        height: 100%;
    }
}

.crash__game canvas {
    height: 100% !important;
    margin: -5px 0 0 0;
}

.crash__game-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    display: flex;
}

.crash__game-overlay_winter {
    top: 0;
}

.crash__game-countdown {
    min-width: 200px;
    padding: 200px 0 0 0;
    margin: auto;
    position: relative;
    text-align: center;
}

.crash__game-countdown::before {
    width: 400px;
    height: 400px;
    content: "";
    position: absolute;
    left: 50%;
    top: -60px;
    transform: translateX(-50%);
    margin: auto;
    background: url("countdown-light.af716f8e3fd756965ffd.svg") no-repeat;
    background-size: 100%;
    animation: 2s blinking infinite;
}

.crash__game-countdown::after {
    width: 196px;
    height: 182px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: url("countdown-bg.9741ea40865c2988c912.png") no-repeat;
    background-size: 100%;
    animation: 4s firstFlying ease-in-out infinite;
}

@media (max-width: 1850px) {
    .crash__game-countdown {
        padding: 145px 0 0 0;
    }

    .crash__game-countdown::before {
        width: 300px;
        height: 300px;
        top: -50px;
    }

    .crash__game-countdown::after {
        width: 150px;
        height: 139px;
    }
}

@media (max-width: 599px) {
    .crash__game-countdown {
        padding: 110px 0 0 0;
    }

    .crash__game-countdown::before {
        width: 250px;
        height: 250px;
    }

    .crash__game-countdown::after {
        width: 110px;
        height: 102px;
    }
}

.crash__game-countdown .crash-timer {
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    color: #e2e2eb;
    position: relative;
    animation: 1s flashing ease-in-out infinite;
    display: flex;
    gap: 5px;
}

.crash__game-countdown .crash-timer_wrap {
    display: flex;
    width: 50px;
}

.crash__game-countdown .crash-timer_wrap span {
    width: 50%;
}

.crash__game-list {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
}

.crash__game-list-item {
    position: absolute;
}

.crash__game-list-item--small {
    width: 32px;
    height: 32px;
    animation: 4s firstFlying ease-in-out infinite;
}

@media (max-width: 599px) {
    .crash__game-list-item--small {
        width: 24px;
        height: 24px;
    }
}

.crash__game-list-item--big {
    width: 46px;
    height: 46px;
    animation: 3s firstFlying ease-in-out infinite;
}

@media (max-width: 599px) {
    .crash__game-list-item--big {
        width: 32px;
        height: 32px;
    }
}

.crash__game-list-pic {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.crash__counters {
    width: 100%;
    display: flex;
    margin: 10px 0 0 0;
    gap: 10px;
}

.crash__counters-item {
    width: calc(50% - 5px);
    height: 82px;
    background: linear-gradient(180deg, #1b1d26 0%, #22242e 100%);
    border-radius: 6px;
    display: flex;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 0 68px;
    flex-direction: column;
    justify-content: center;
}

.crash__counters-item::before {
    width: 46px;
    height: 46px;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width: 1850px) {
    .crash__counters-item {
        height: 70px;
        padding: 0 0 0 60px;
    }

    .crash__counters-item::before {
        width: 38px;
        height: 38px;
    }
}

.crash__counters-item--bank::before {
    background-image: url("bank-icon.e6258adf82ad865b4c80.svg");
}

.crash__counters-item--players::before {
    background-image: url("players-icon.fcc36fce81b29de5df48.svg");
}

.crash__counters-item-counter {
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
    color: #d9d9e7;
}

@media (max-width: 1850px) {
    .crash__counters-item-counter {
        font-size: 18px;
        line-height: 22px;
    }
}

.crash__counters-item-title {
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #757d99;
}

@media (max-width: 1850px) {
    .crash__counters-item-title {
        font-size: 10px;
        line-height: 13px;
    }
}

.crash__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #1b1d26;
    border-radius: 6px;
    padding: 21px 20px 20px 20px;
    box-sizing: border-box;
    margin: 10px 0 0 0;
}

@media (max-width: 1600px) {
    .crash__form {
        width: calc(55% - 5px);
        margin: 0;
    }
}

@media (max-width: 1250px) {
    .crash__form {
        width: 100%;
        margin: 0 0 20px 0;
        order: 0;
    }
}

@media (max-width: 1200px) {
    .crash__form {
        width: calc(55% - 5px);
        margin: 0;
    }
}

@media (max-width: 900px) {
    .crash__form {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.crash__form-top {
    width: 100%;
    display: flex;
    gap: 10px;
}

@media (max-width: 500px) {
    .crash__form-top {
        flex-wrap: wrap;
    }
}

.crash__form-item--balance {
    min-width: 130px;
}

.crash__form-item--balance .field__row--balance {
    padding: 0px 110px 0px 12px;
}

@media (max-width: 500px) {
    .crash__form-item--balance {
        width: 100%;
    }
}

.crash__form-item--wide {
    flex-grow: 1;
}

.crash__form-item--wide .field__field {
    padding-right: 37px;
}

@media (max-width: 500px) {
    .crash__form-item--wide {
        flex-grow: unset;
        width: calc(50% - 5px);
    }
}

.crash__form-item--wide .field__triggers.field__triggers--roll {
    display: flex;
}

.crash__form-item--auto-cashout {
    max-width: 147px;
    position: relative;
}

.crash__form-item--auto-cashout .field__field {
    padding: 0 80px 0 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.crash__form-item--auto-cashout .field__field::before {
    content: "x";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #686c79;
}

.crash__form-item--auto-cashout .field__triggers.field__triggers--roll {
    display: flex;
}

@media (max-width: 500px) {
    .crash__form-item--auto-cashout {
        width: calc(50% - 5px);
        max-width: none;
    }
}

@media (max-width: 1850px) {
    .crash__form-item .field__title {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 7px 0;
    }

    .crash__form-item .field__row {
        height: 42px;
    }
}

.crash__checkbox {
    height: 52px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 14px;
    bottom: 0;
}

@media (max-width: 1850px) {
    .crash__checkbox {
        height: 42px;
    }
}

@media (max-width: 500px) {
    .crash__checkbox {
        right: 8px;
    }
}

.crash__checkbox-item {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.crash__checkbox-item+label {
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 24px;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    color: #686c79;
}

.crash__checkbox-switch {
    width: 50px;
    height: 24px;
    background: #232633;
    border-radius: 6px;
    font-weight: 600;
    font-size: 8px;
    text-transform: uppercase;
    color: #686c79;
    align-items: center;
    display: flex;
    position: relative;
}

.crash__checkbox-switch span {
    transition: opacity 0.3s;
    margin: 0 0 0 4px;
}

.crash__checkbox-switch span:first-of-type {
    opacity: 0;
    margin: 0 0 0 9px;
}

.crash__checkbox-switch::before {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 4px;
    content: "";
    background: #f6705e;
    border-radius: 4px;
    transition: background 0.3s, transform 0.3s;
}

.crash__checkbox-item:checked+label .crash__checkbox-switch::before {
    transform: translateX(26px);
    background: #7ec76c;
}

.crash__checkbox-item:checked+label .crash__checkbox-switch span:first-of-type {
    opacity: 1;
}

.crash__checkbox-item:checked+label .crash__checkbox-switch span:last-of-type {
    opacity: 0;
}

.crash__buttons {
    display: flex;
    gap: 8px;
    margin: 16px 0 0 0;
}

@media (max-width: 500px) {
    .crash__buttons {
        gap: 10px;
    }
}

.crash__buttons-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f1bc6c;
    width: calc(50% - 4px);
    height: 60px;
    border-radius: 6px;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    color: #3e2f19;
    transition: color 0.3s, background 0.3s;
}

@media (max-width: 1850px) {
    .crash__buttons-item {
        height: 48px;
    }
}

.crash__buttons-item:not(.crash__buttons-item--done):hover {
    background: #f2c681;
    color: #554a39;
}

.crash__buttons-item-counters {
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #3e2f19;
}

.crash__buttons-item-counters strong {
    font-weight: 800;
}

.crash__buttons-item--done .crash__buttons-item-counters {
    color: #f1bc6c;
}

.crash__buttons-item-counters span {
    font-weight: normal;
}

.crash__buttons-item h3 {
    font-weight: 800;
    font-size: 9px;
    line-height: 11px;
    text-transform: uppercase;
    margin: 2px 0 0 0;
    color: #554a39;
}

.crash__buttons-item--done {
    background: rgba(241, 188, 108, 0.22);
    border: 1px solid #f1bc6c;
    pointer-events: none;
}

.crash__buttons-item--done h3 {
    color: rgba(241, 188, 108, 0.64);
}

.crash__buttons-item[disabled] {
    background: #b38d55;
    pointer-events: none;
}

.crash__middle {
    margin: 9px 0 0 0;
    display: flex;
}

@media (max-width: 1250px) {
    .crash__middle {
        flex-wrap: wrap;
    }
}

.crash__last-games {
    width: 800px;
    height: 84px;
    overflow: hidden;
    background: #181a23;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

@media (max-width: 1850px) {
    .crash__last-games {
        width: 600px;
    }
}

@media (max-width: 1600px) {
    .crash__last-games {
        flex-shrink: 0;
        width: calc(45% - 5px);
    }
}

@media (max-width: 1250px) {
    .crash__last-games {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .crash__last-games {
        height: 70px;
    }
}

.crash__last-games-title {
    line-height: 28px;
    font-weight: 300;
    font-size: 16px;
    color: #d5d5e3;
    margin: 0 19px 0 25px;
    padding: 0 0 0 31px;
    background: url("/assets/icons/last-games-icon.svg") no-repeat;
}

@media (max-width: 1600px) {
    .crash__last-games-title {
        display: none;
    }
}

.crash__last-games-row {
    flex-grow: 1;
    height: 40px;
    position: relative;
}

.crash__last-games-row::before,
.crash__last-games-row::after {
    width: 100px;
    height: 100%;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(270deg,
            rgb(24, 26, 35) 0%,
            rgba(24, 26, 35, 0) 100%);
}

.crash__last-games-list {
    width: 2000px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
}

@media (max-width: 1850px) {
    .crash__last-games-list {
        left: 22px;
    }
}

@media (max-width: 599px) {
    .crash__last-games-list {
        left: 15px;
    }
}

.crash__last-games-item {
    width: 60px;
    height: 100%;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    color: #d4d8e7;
    position: relative;
}

.crash__last-games-item+.crash__last-games-item {
    margin: 0 0 0 3px;
}

.crash__last-games-item--violet {
    background: linear-gradient(172.04deg, #2a2d38 -10.11%, #422d45 116.61%);
}

.crash__last-games-item--red {
    background: linear-gradient(180deg,
            rgba(49, 34, 38, 0.7) 0%,
            rgba(129, 57, 52, 0.7) 100%);
}

.crash__last-games-item--purple {
    background: linear-gradient(356.02deg,
            rgba(104, 50, 92, 0.77) -25.71%,
            #1d212b 103.23%);
}

.crash__last-games-item--green {
    background: linear-gradient(356.02deg,
            rgba(50, 104, 81, 0.77) -25.71%,
            #1d212b 103.23%);
}

.crash__last-games-item--yellow {
    background: linear-gradient(356.02deg,
            rgba(104, 99, 50, 0.77) -25.71%,
            #1d212b 103.23%);
}

.crash__last-games-item--blue {
    background: linear-gradient(356.02deg,
            rgba(50, 101, 104, 0.77) -25.71%,
            #1d212b 103.23%);
}

.crash__fair {
    height: 84px;
    box-sizing: border-box;
    background: rgba(31, 34, 45, 0.52);
    border: 1px solid #20232e;
    border-radius: 6px;
    flex-grow: 1;
    margin: 0 0 0 20px;
    display: flex;
    position: relative;
    align-items: center;
}

@media (max-width: 1600px) {
    .crash__fair {
        width: calc(55% - 5px);
        margin: 0 0 0 auto;
        flex-grow: unset;
    }
}

@media (max-width: 1250px) {
    .crash__fair {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

.crash__fair::before {
    width: 93px;
    height: 79px;
    content: "";
    position: absolute;
    bottom: 0;
    background: url("fair.b4ebcbfa6e6476c4f80c.png") no-repeat;
    background-size: 100%;
    left: 16px;
    transition: transform 1s;
    transform-origin: 50% 100%;
}

@media (max-width: 599px) {
    .crash__fair::before {
        width: 70px;
        height: 56px;
        left: -5px;
        bottom: 10px;
    }
}

.crash__fair:hover::before {
    transform: scale(1.05);
}

.crash__fair-row {
    margin: 0 0 0 130px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 599px) {
    .crash__fair-row {
        margin: 0 0 0 60px;
    }
}

.crash__fair-game {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #77d3a7;
}

.crash__fair-item {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #787d93;
    display: flex;
    gap: 5px;
    margin: 3px 0 0 0;
}

.crash__fair-item span {
    color: #d4d8e7;
}

@media (max-width: 1600px) {
    .crash__fair-item {
        font-size: 10px;
    }
}

.crash__fair-copy {
    width: 14px;
    height: 14px;
    background: url("copy-icon.08b119be51c5123be726.svg") no-repeat;
    background-size: 100%;
    cursor: pointer;
    transition: filter 0.3s;
}

.crash__fair-copy:hover {
    filter: brightness(1.4);
}

.crash__fair-button {
    width: 36px;
    height: 30px;
    position: absolute;
    right: 18px;
    bottom: 25px;
    background: url("button.6677e58cf3464047e2a6.svg") no-repeat;
    background-size: 100%;
    transition: filter 0.3s;
}

.crash__fair-button:hover {
    filter: brightness(1.4);
}

@media (max-width: 599px) {
    .crash__fair-button {
        width: 28px;
        height: 28px;
        bottom: auto;
        right: 10px;
        top: 10px;
    }
}

.crash__list {
    margin: 20px 0 0 0;
    display: flex;
    width: 100%;
    gap: 5px;
    flex-wrap: wrap;
}

.crash__list-item {
    width: calc(25% - 4px);
    height: 76px;
    background: #181a23;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: flex-end;
}

@media (max-width: 1800px) {
    .crash__list-item {
        width: calc(33.33% - 4px);
    }
}

@media (max-width: 1500px) {
    .crash__list-item {
        width: calc(50% - 4px);
    }
}

@media (max-width: 760px) {
    .crash__list-item {
        width: 100%;
    }
}

.crash__list-item--you {
    background: linear-gradient(180deg, #181a23 0%, #1e212e 100%);
    border: 1px solid rgba(81, 86, 108, 0.22);
}

.crash__list-item--lose {
    transition: all 0.3s ease;
    background: linear-gradient(180deg, #181a23 0%, #2c1e28 100%);
}

.crash__list-item--win {
    transition: all 0.3s ease;
    background: linear-gradient(180deg, #181a23 0%, #1e292c 100%);
}

.crash__list-item-user {
    display: flex;
    align-items: center;
    margin: 0 auto 0 0;
}

.crash__list-item-userpic {
    width: 44px;
    height: 44px;
    border-radius: 9px;
}

.crash__list-item-userinfo {
    margin: 0 0 0 8px;
    flex-direction: column;
    display: flex;
}

.crash__list-item-username {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #babfd1;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 85px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crash__list-item--you .crash__list-item-username {
    font-weight: 700;
    text-transform: uppercase;
}

.crash__list-item-multiplier {
    width: -moz-fit-content;
    width: fit-content;
    height: 27px;
    border-radius: 4px;
    padding: 0 9px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    color: #d6d6d6;
    margin: 5px 0 0 0;
}

.crash__list-item-multiplier--violet {
    background: linear-gradient(180deg, #2a2d38 0%, #452d32 144.44%);
}

.crash__list-item-multiplier--green {
    background: linear-gradient(172.04deg, #2a2d38 -10.11%, #2d4538 139.35%);
}

.crash__list-item-multiplier--blue {
    background: linear-gradient(166.61deg, #2a2d38 -6.64%, #2d3745 102.55%);
}

.crash__list-item-counter {
    height: 46px;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #1e202a;
    border-radius: 6px;
    font-weight: 500;
    justify-content: center;
}

.crash__list-item:not(.crash__list-item--lose) .crash__list-item-counter:nth-of-type(3) {
    opacity: 1;
}

.crash__list-item--lose .crash__list-item-counter:nth-of-type(2) {
    border: 1px solid rgba(44, 55, 62, 0.53);
    opacity: 0.5;
}

.crash__list-item-counter+.crash__list-item-counter {
    margin: 0 0 0 6px;
}

.crash__list-item-counter-title {
    font-size: 9px;
    line-height: 11px;
    text-transform: uppercase;
    color: #6d6f7d;
}

.crash__list-item-counter-number {
    font-size: 14px;
    line-height: 17px;
    color: #b8bdd0;
}

.crash__list-item--lose .crash__list-item-counter:nth-of-type(3) {
    transition: all 0.3s ease;
    background: rgba(240, 144, 150, 0.1);
    border: 1px solid rgba(177, 95, 95, 0.47);
}

.crash__list-item--win .crash__list-item-counter:nth-of-type(3) {
    transition: all 0.3s ease;
    background: rgba(175, 240, 144, 0.1);
    border: 1px solid rgba(95, 177, 104, 0.4705882353);
}

.crash__list-item--lose .crash__list-item-counter:nth-of-type(3) .crash__list-item-counter-title {
    transition: color 0.3s ease;
    color: rgba(219, 99, 99, 0.6);
}

.crash__list-item--lose .crash__list-item-counter:nth-of-type(3) .crash__list-item-counter-number {
    transition: color 0.3s ease;
    color: #d14f4f;
}

.crash__list-item--win .crash__list-item-counter:nth-of-type(3) .crash__list-item-counter-title {
    transition: color 0.3s ease;
    color: rgba(126, 199, 108, 0.57);
}

.crash__list-item--win .crash__list-item-counter:nth-of-type(3) .crash__list-item-counter-number {
    transition: color 0.3s ease;
    color: #7ec76c;
}

.crash__candles-list {
    position: relative;
    display: flex;
    height: 100%;
    align-items: end;
    gap: 10px;
    transition: all 0.2s ease 0s;
}

@media (max-width: 599px) {
    .crash__candles-list {
        gap: 6px;
    }
}

.crash__candles-wrap {
    position: relative;
    display: flex;
    height: 100%;
    align-items: end;
    gap: 10px;
    transition: all 0.7s ease 0s;
}

.candle {
    position: relative;
    width: 18px;
}

@media (max-width: 599px) {
    .candle {
        width: 7px;
    }
}

.candle_body {
    width: 100%;
    background-color: #7ec76c;
    border-radius: 5px;
}

.candle_top {
    display: flex;
    justify-content: center;
    width: 3px;
    background-color: #7ec76c;
    margin-left: 50%;
    transform: translate(-50%);
}

.candle_bottom {
    display: flex;
    justify-content: center;
    width: 3px;
    background-color: #7ec76c;
    margin-left: 50%;
    transform: translate(-50%);
}

.candle.transition:last-child .candle_body {
    transition: all 0.4s ease 0s;
    height: 0;
}

.candle.transition:last-child .candle_top {
    transition: all 0.4s ease 0s;
    height: 0;
}

.candle.transition:last-child .candle_bottom {
    transition: all 0.4s ease 0s;
    height: 0;
}

.number {
    position: absolute;
    transition: all 0.5s ease 0s;
    color: #7ec76c;
    font-size: 27px;
    line-height: 30px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    text-transform: uppercase;
}

.number.red {
    color: #ec4242;
}

@media (max-width: 760px) {
    .number {
        font-size: 22px;
        line-height: 25px;
    }
}

@media (max-width: 599px) {
    .number {
        font-size: 16px;
        line-height: 13px;
    }
}

.redCandle {
    width: 18px;
    position: absolute;
}

@media (max-width: 599px) {
    .redCandle {
        width: 7px;
    }
}

.redCandle_body {
    width: 100%;
    background-color: #ec4242;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
    height: 0;
}

.redCandle_top {
    display: flex;
    justify-content: center;
    width: 3px;
    background-color: #ec4242;
    margin-left: 50%;
    transform: translate(-50%);
    transition: all 0.5s ease 0s;
    height: 0;
}

.redCandle_bottom {
    display: flex;
    justify-content: center;
    width: 3px;
    background-color: #ec4242;
    margin-left: 50%;
    transform: translate(-50%);
    transition: all 1s ease 0s;
    height: 0;
}

.redCandle.has-before::before {
    width: 400px;
    height: 400px;
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    margin: auto;
    background: url("countdown-light.af716f8e3fd756965ffd.svg") no-repeat;
    background-size: 100%;
    animation: 2s blinking infinite;
}

@media (max-width: 760px) {
    .redCandle.has-before::before {
        width: 200px;
        height: 200px;
    }
}

.crash__crash {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: red;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 27px;
    line-height: 30px;
    font-weight: 700;
    color: #ec4242;
}

@media (max-width: 900px) {
    .crash__crash {
        font-size: 16px;
        line-height: 13px;
    }
}

.jackpot-page {
    display: flex;
}

@media (max-width: 1400px) {
    .jackpot-page {
        flex-wrap: wrap;
    }
}

.jackpot-page__roulette {
    width: 100%;
    height: 104px;
    background: linear-gradient(109.71deg,
            #4a3624 5.39%,
            #312723 33.25%,
            #252229 72.22%);
    padding: 0 0 0 198px;
    justify-content: center;
    box-sizing: border-box;
}

.jackpot-page__roulette::before {
    width: 170px;
    height: 119px;
    background-image: url("/assets/images/cup-for-wide.png");
    bottom: 0;
    left: 8px;
}

@media (max-width: 680px) {
    .jackpot-page__roulette .jackpot__counter {
        font-size: 23px;
    }

    .jackpot-page__roulette .jackpot__title {
        font-size: 16px;
    }
}

.jackpot-page__roulette:not(.jackpot--roll) {
    max-width: 570px;
}

@media (max-width: 1850px) {
    .jackpot-page__roulette:not(.jackpot--roll) {
        max-width: 415px;
    }
}

@media (max-width: 1650px) {
    .jackpot-page__roulette:not(.jackpot--slots) {
        padding: 0 0 0 155px;
        height: 84px;
    }

    .jackpot-page__roulette:not(.jackpot--slots)::before {
        width: 128px;
        height: 89px;
        left: 0;
    }
}

@media (max-width: 1500px) {

    .jackpot-page__roulette:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash) {
        width: 100% !important;
    }

    .jackpot-page__roulette:not(.jackpot--slots).jackpot--coinflip {
        max-width: 335px !important;
    }
}

@media (max-width: 1400px) {

    .jackpot-page__roulette:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash) {
        width: 240px;
    }

    .jackpot-page__roulette:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash)::before {
        width: 120px;
        height: 80px;
    }

    .jackpot-page__roulette:not(.jackpot--slots).jackpot--coinflip {
        max-width: 100% !important;
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 760px) {

    .jackpot-page__roulette:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash) {
        width: 100%;
        height: 64px;
        bottom: auto;
        padding: 0 0 0 130px;
        justify-content: center;
    }

    .jackpot-page__roulette:not(.jackpot--slots):not(.jackpot--coinflip,
        .jackpot--crash)::before {
        width: 92px;
        height: 60px;
        left: 0;
    }
}

.jackpot-page__roulette::after {
    background: linear-gradient(109.71deg,
            #604832 5.39%,
            #382c26 33.25%,
            #27232e 72.22%);
}

.jackpot-page__roulette.jackpot--slots {
    background: linear-gradient(109.71deg,
            #4e2424 5.39%,
            #3d2323 33.25%,
            #292227 72.22%);
}

.jackpot-page__roulette.jackpot--slots::before {
    width: 214px;
    height: 115px;
    background-image: url("slots-for-wide.e25623b44cb14b2281a8.png");
    bottom: 0;
    left: 6px;
}

.jackpot-page__roulette.jackpot--slots::after {
    background: linear-gradient(109.71deg,
            #592b2b 5.39%,
            #472929 33.25%,
            #332b30 72.22%);
}

.jackpot-page__roulette.jackpot--slots path {
    fill: #8f625f;
}

.jackpot-page__roulette.jackpot--slots circle {
    stroke: #8f625f;
}

.jackpot-page__roulette.jackpot--slots:hover path {
    fill: #b07d7a;
}

.jackpot-page__roulette.jackpot--slots:hover circle {
    stroke: #b07d7a;
}

@media (max-width: 1500px) {
    .jackpot-page__roulette.jackpot--jackpot-page {
        width: 100%;
        max-width: 100%;
        height: 64px;
        position: relative;
        box-sizing: border-box;
        padding: 0 0 0 130px;
        justify-content: center;
    }

    .jackpot-page__roulette.jackpot--jackpot-page::before {
        width: 124px;
        height: 64px;
    }
}

@media (max-width: 760px) {
    .jackpot-page__roulette.jackpot--jackpot-page {
        top: auto;
    }
}

.jackpot-page__left {
    width: 420px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1400px) {
    .jackpot-page__left {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.jackpot-page__categories {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    height: 64px;
    display: flex;
    position: relative;
}

.jackpot-page__categories::before {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    content: "";
    background: #12151c;
}

.jackpot-page__categories-item {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #191c25;
    color: #70788c;
    transition: background 0.3s, color 0.3s;
}

.jackpot-page__categories-item-text {
    margin: 0 0 0 8px;
}

.jackpot-page__categories-item path {
    fill: #70788c;
    transition: fill 0.3s;
}

.jackpot-page__categories-item:not(.jackpot-page__categories-item--active):hover {
    color: #babdd2;
    background: #1c1f29;
}

.jackpot-page__categories-item:not(.jackpot-page__categories-item--active):hover path {
    fill: #babdd2;
}

.jackpot-page__categories-item--active {
    background: linear-gradient(180deg, #22212b 0%, #663138 100%);
    color: #ffd5d2;
}

.jackpot-page__categories-item--active path {
    fill: #ffd5d2;
}

@media (max-width: 599px) {
    .jackpot-page__categories {
        height: 60px;
        font-size: 14px;
    }
}

.jackpot-page__info {
    margin: 0;
    display: flex;
    box-sizing: border-box;
    padding: 20px;
    background: #171921;
    border-radius: 6px;
    flex-direction: column;
}

.jackpot-page__description {
    font-size: 13px;
    line-height: 23px;
    color: #9696a1;
    margin: 13px 0 0 0;
}

.jackpot-page__description-title {
    margin: 9px 0 2px 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #f5705e;
}

.jackpot-page__description-text-strong {
    color: #9c9ca5;
    font-weight: 600;
}

.jackpot-page__note {
    height: 60px;
    display: flex;
    width: 100%;
    background: linear-gradient(154.51deg, #211f29 21.26%, #252539 125.08%);
    border-radius: 6px;
    margin: 13px 0 0 0;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 0 52px;
    color: #e9d3c7;
    align-items: center;
}

.jackpot-page__note-title {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
}

@media (max-width: 1400px) {
    .jackpot-page__note-title {
        margin: 0 20px 0 0;
    }
}

.jackpot-page__note::before {
    width: 28px;
    height: 28px;
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    background: url("note-icon.b18bd3ba4528e9f87deb.svg") no-repeat;
    background-size: 100%;
}

.jackpot-page__note-plg {
    width: -moz-min-content;
    width: min-content;
    height: 40px;
    display: flex;
    align-items: center;
    border: 1px dashed #2f3041;
    border-radius: 4px;
    padding: 0 16px 0 38px;
    font-weight: 700;
    font-size: 11px;
    line-height: 11px;
    color: #f46879;
    text-transform: uppercase;
    box-sizing: border-box;
    margin: 0 10px 0 0;
    position: relative;
}

@media (max-width: 599px) {
    .jackpot-page__note {
        font-size: 11px;
        line-height: 14px;
    }
}

.jackpot-page__right {
    flex-grow: 1;
    background: #171921;
    border-radius: 6px;
    padding: 30px;
    margin: 0 0 0 10px;
}

@media (max-width: 1400px) {
    .jackpot-page__right {
        margin: 0;
        padding: 20px;
    }
}

.jackpot-page__window {
    width: 550px;
    max-height: 80vh;
    background: linear-gradient(175.37deg, #13151e -17.99%, #191b25 19.77%);
    border-radius: 6px;
    position: absolute;
    top: 100px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 10001;
    padding: 23px 0 40px 0;
}

.jackpot-page__window-title {
    line-height: 32px;
    padding: 0 0 0 45px;
    font-size: 22px;
    color: #e1dfdb;
    font-weight: 400;
    background: url("jackpot-winners-title.b19b4d01eacfeb7de0e4.svg") 0px 50% no-repeat;
    background-size: 32px;
}

@media (max-width: 599px) {
    .jackpot-page__window-title {
        font-size: 18px;
        line-height: 26px;
        background-size: 26px;
        background: url("jackpot-winners-title.b19b4d01eacfeb7de0e4.svg") 0px 50% no-repeat;
    }
}

.jackpot-page__window-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jackpot-page__window-close path {
    transition: fill 0.3s;
}

.jackpot-page__window-close:hover path {
    fill: #63677b;
}

.jackpot-page__window-row {
    margin: 18px 0 0 0;
    max-height: 600px;
}

.jackpot-page__window-table {
    padding: 0 40px;
}

@media (max-width: 599px) {
    .jackpot-page__window-table {
        padding: 0 23px;
    }
}

.jackpot-page__window .scrollbar-macosx>.scroll-element.scroll-y {
    right: 10px;
}

@media (max-width: 599px) {
    .jackpot-page__window {
        width: 96%;
    }
}

.roulette-winners-table-scroll {
    max-height: 550px;
    overflow-y: scroll;
    margin-top: 14px;
}

.roulette-winners-table-scroll::-webkit-scrollbar {
    width: 3px;
}

.roulette-winners-table-scroll::-webkit-scrollbar-thumb {
    background-color: #535b70;
    border-radius: 3px;
}

.roulette-winners-table-scroll * {
    scrollbar-color: #535b70 rgba(166, 171, 190, 0.5490196078);
    scrollbar-width: thin;
}

.increase-modal__title {
    text-transform: uppercase;
}

.increase-modal__text:not(:last-of-type) {
    margin-bottom: 5px;
}

.increase-modal__sub-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
}

.referral {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.referral__top,
.referral__bottom {
    width: 100%;
    display: flex;
}

@media (max-width: 900px) {

    .referral__top,
    .referral__bottom {
        flex-wrap: wrap;
    }
}

.referral__bottom {
    margin: 20px 0 0 0;
}

@media (max-width: 1200px) {
    .referral__bottom {
        flex-wrap: wrap;
    }
}

.referral__cash-back {
    width: 400px;
    background: linear-gradient(174.54deg, #3f2328 4.36%, #231c23 62.05%);
    border-radius: 6px;
    padding: 50px 50px 50px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.referral__cash-back-progress {
    width: 200px;
    height: 200px;
    background: linear-gradient(180deg, #211516 0%, #20161c 100%);
    border-radius: 100%;
    display: block;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
}

.referral__cash-back-progress-circle {
    position: relative;
    z-index: 55;
}

@media (max-width: 1800px) {
    .referral__cash-back-progress {
        width: 160px;
        height: 160px;
        padding: 10px;
    }

    .referral__cash-back-progress canvas {
        width: 100% !important;
        height: 100% !important;
    }
}

@media (max-width: 1200px) {
    .referral__cash-back-progress {
        width: 140px;
        height: 140px;
    }
}

.referral__cash-back-percent {
    width: 101px;
    height: 101px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: linear-gradient(180deg, #31252b 0%, #231b1f 100%);
    box-shadow: 0 17px 19px rgba(15, 15, 19, 0.42);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    color: #ffd2d2;
    display: flex;
    flex-direction: column;
}

.referral__cash-back-percent_vip {
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    color: #f5705e;
}

@media (max-width: 1800px) {
    .referral__cash-back-percent {
        width: 80px;
        height: 80px;
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    .referral__cash-back-percent {
        width: 70px;
        height: 70px;
        font-size: 16px;
    }
}

.referral__cash-back-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #e1c1c1;
    margin: 20px 0 22px 0;
}

@media (max-width: 1800px) {
    .referral__cash-back-title {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 1200px) {
    .referral__cash-back-title {
        font-size: 16px;
        line-height: 20px;
    }
}

.referral__cash-back-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 900px) {
    .referral__cash-back-buttons {
        box-sizing: border-box;
        flex-direction: unset;
    }
}

@media (max-width: 599px) {
    .referral__cash-back-buttons {
        flex-direction: column;
    }
}

.referral__cash-back-link {
    width: 280px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #312931;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    color: #ece3e3;
    transition: background 0.3s, color 0.3s;
}

.referral__cash-back-link+.referral__cash-back-link {
    margin: 4px 0 0 0;
}

@media (max-width: 900px) {
    .referral__cash-back-link+.referral__cash-back-link {
        margin: 0 0 0 4px;
    }
}

@media (max-width: 599px) {
    .referral__cash-back-link+.referral__cash-back-link {
        margin: 4px 0 0 0;
    }
}

.referral__cash-back-link:hover {
    background: #3a313a;
    color: #fffcfc;
}

@media (max-width: 1800px) {
    .referral__cash-back-link {
        height: 52px;
        border-radius: 6px;
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .referral__cash-back-link {
        width: calc(100% - 30px);
    }
}

@media (max-width: 900px) {
    .referral__cash-back-link {
        width: calc(50% - 2px);
    }
}

@media (max-width: 599px) {
    .referral__cash-back-link {
        width: 100%;
        height: 48px;
    }
}

.referral__cash-back_tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    width: 100%;
}

.referral__cash-back_tab {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 14px 18px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 23px;
    font-weight: 800;
    flex: 1 1 136px;
}

.referral__cash-back_tab-regular {
    color: #ebf1ff;
    background-color: rgba(235, 241, 255, 0.2);
    transition: all 0.3s ease;
}

.referral__cash-back_tab-regular svg path {
    fill: currentColor;
}

.referral__cash-back_tab-regular:hover,
.referral__cash-back_tab-regular.tab-active {
    background-color: #ebf1ff;
    color: #000;
}

.referral__cash-back_tab-vip {
    color: #f5705e;
    background-color: rgba(245, 112, 94, 0.25);
    position: relative;
    transition: all 0.3s ease;
}

.referral__cash-back_tab-vip_vip path {
    fill: currentColor;
}

.referral__cash-back_tab-vip_lock {
    position: absolute;
    bottom: -5px;
    right: -6px;
    transition: all 0.3s ease;
}

.referral__cash-back_tab-vip_lock path {
    fill: #f5705e !important;
}

.referral__cash-back_tab-vip:hover,
.referral__cash-back_tab-vip.tab-active {
    background-color: #f5705e;
    color: #000;
}

.referral__cash-back_tab-vip:hover .referral__cash-back_tab-vip_lock,
.referral__cash-back_tab-vip.tab-active .referral__cash-back_tab-vip_lock {
    transition: all 0.3s ease;
}

.referral__cash-back_tab-vip:hover .referral__cash-back_tab-vip_lock path,
.referral__cash-back_tab-vip.tab-active .referral__cash-back_tab-vip_lock path {
    fill: #ebf1ff !important;
}

@media (max-width: 1400px) {
    .referral__cash-back {
        width: 330px;
    }
}

@media (max-width: 1200px) {
    .referral__cash-back {
        width: 280px;
        height: auto;
        padding: 30px 0 20px 0;
    }
}

@media (max-width: 900px) {
    .referral__cash-back {
        width: 100%;
        padding: 20px;
    }
}

.referral .boost-timer__time {
    width: 65px;
    display: flex;
    align-items: center;
    gap: 1px;
    color: #e5e8f0;
    line-height: 19px;
    font-size: 15px;
    font-weight: 700;
}

.referral .boost-timer__time span {
    width: 28px;
    display: block;
}

.referral .winter-badge {
    background-color: #f5705e;
    color: #3e1d19;
    text-transform: uppercase;
    border-radius: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 10px;
    line-height: 18px;
    padding: 3px 6px;
    margin-left: 45px;
}

.referral__tasks {
    flex-grow: 1;
    background: #171921;
    border-radius: 6px;
    margin: 0 0 0 20px;
    padding: 35px;
}

@media (max-width: 1200px) {
    .referral__tasks {
        margin: 0 0 0 10px;
        padding: 20px;
    }
}

@media (max-width: 900px) {
    .referral__tasks {
        margin: 10px 0 0 0;
    }
}

.referral__tasks-top {
    display: flex;
    align-items: center;
}

@media (max-width: 599px) {
    .referral__tasks-top {
        flex-direction: column;
        text-align: center;
    }
}

.referral__tasks-top_vip {
    width: 100%;
    height: 112px;
}

.referral__tasks-earned-title {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #a9b0c2;
}

@media (max-width: 1800px) {
    .referral__tasks-earned-title {
        font-size: 14px;
        line-height: 18px;
    }
}

.referral__tasks-earned-counter {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: #7ec76c;
    position: relative;
    display: inline-block;
    padding: 0 38px 0 0;
}

@media (max-width: 1800px) {
    .referral__tasks-earned-counter {
        font-size: 34px;
        line-height: 42px;
    }
}

@media (max-width: 1200px) {
    .referral__tasks-earned-counter {
        font-size: 28px;
        line-height: 36px;
        padding: 0 32px 0 0;
    }

    .referral__tasks-earned-counter::before {
        width: 26px;
        height: 26px;
    }
}

.referral__tasks-buttons {
    margin: 0 0 0 auto;
    display: flex;
}

@media (max-width: 599px) {
    .referral__tasks-buttons {
        width: 100%;
        margin: 10px 0 0 0;
        justify-content: space-between;
    }
}

.referral__tasks-bordered-button {
    height: 54px;
    border: 1px solid rgba(32, 36, 47, 0.6);
    border-radius: 6px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    color: #848a9a;
    transition: color 0.3s, background 0.3s;
}

.referral__tasks-bordered-button:hover {
    background: #1c2029;
    color: #afb5c7;
    border: 1px solid #1c2029;
}

@media (max-width: 1800px) {
    .referral__tasks-bordered-button {
        height: 48px;
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .referral__tasks-bordered-button {
        font-size: 11px;
    }
}

@media (max-width: 599px) {
    .referral__tasks-bordered-button {
        width: calc(50% - 5px);
        box-sizing: border-box;
        justify-content: center;
        padding: 0 5px;
    }
}

.referral__tasks-green-button {
    height: 54px;
    background: #7ec76c;
    border-radius: 6px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    color: #334d2c;
    transition: color 0.3s, background 0.3s;
    margin: 0 0 0 12px;
}

.referral__tasks-green-button:hover {
    background: #9ad88a;
    color: #496142;
}

.referral__tasks-green-button-text {
    position: relative;
    padding: 0 28px 0 0;
    line-height: 20px;
}

.referral__tasks-green-button-text::before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url("rabbit.cae427231f36f8fabe36.svg") no-repeat;
    background-size: 100%;
}

@media (max-width: 1800px) {
    .referral__tasks-green-button {
        height: 48px;
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .referral__tasks-green-button {
        font-size: 11px;
    }
}

@media (max-width: 599px) {
    .referral__tasks-green-button {
        width: calc(50% - 5px);
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0;
    }
}

.referral__tasks-middle {
    margin: 15px 0 0 0;
    display: flex;
}

@media (max-width: 599px) {
    .referral__tasks-middle {
        width: 100%;
        flex-direction: column-reverse;
    }
}

.referral__tasks-collect-button {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8270f3;
    border-radius: 6px;
    padding: 0 55px;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    color: #28203e;
    transition: color 0.3s, background 0.3s;
}

.referral__tasks-collect-button:not(.referral__tasks-collect-button:disabled):hover {
    background: #9d8ef9;
    color: #42395a;
}

.referral__tasks-collect-button:not(.referral__tasks-collect-button:disabled):hover path {
    fill: #42395a;
}

.referral__tasks-collect-button:disabled {
    background-color: #383269;
    color: #221c34;
    cursor: no-drop;
}

@media (max-width: 1800px) {
    .referral__tasks-collect-button {
        height: 54px;
        padding: 0 40px;
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .referral__tasks-collect-button {
        padding: 0 20px;
        font-size: 12px;
    }
}

@media (max-width: 599px) {
    .referral__tasks-collect-button {
        height: 48px;
        margin: 10px 0 0 0;
    }
}

.referral__tasks-collect-button-icon {
    margin: 5px 0 0 5px;
    color: inherit;
}

.referral__tasks-collect-button-icon path {
    fill: currentColor;
}

.referral__tasks-collect-button-icon path {
    transition: fill 0.3s;
}

.referral__tasks-withdrawn {
    height: 58px;
    border: 1px dashed #323643;
    border-radius: 6px;
    flex-grow: 1;
    margin: 0 0 0 12px;
    display: flex;
    align-items: center;
}

.referral__tasks-withdrawn-counter {
    font-weight: 500;
    font-size: 18px;
    color: #ebf1ff;
    margin: 0 11px 0 18px;
}

@media (max-width: 1800px) {
    .referral__tasks-withdrawn-counter {
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    .referral__tasks-withdrawn-counter {
        font-size: 13px;
    }
}

@media (max-width: 599px) {
    .referral__tasks-withdrawn-counter {
        margin: 0 11px 0 14px;
    }
}

.referral__tasks-withdrawn-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #a9b0c2;
    font-weight: 400;
}

@media (max-width: 1800px) {
    .referral__tasks-withdrawn-title {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .referral__tasks-withdrawn-title {
        font-size: 11px;
    }
}

.referral__tasks-withdrawn-history {
    background: #252732;
    border-radius: 4px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    font-weight: 800;
    font-size: 12px;
    color: #abacb6;
    text-transform: uppercase;
    transition: color 0.3s, background 0.3s;
    margin: 0 11px 0 auto;
}

.referral__tasks-withdrawn-history:hover {
    color: #cdced7;
    background: #313440;
}

.referral__tasks-withdrawn-history:hover path {
    fill: #cdced7;
}

.referral__tasks-withdrawn-history-icon {
    margin: 2px 0 0 4px;
}

.referral__tasks-withdrawn-history-icon path {
    transition: fill 0.3s;
}

@media (max-width: 599px) {
    .referral__tasks-withdrawn-history-icon {
        margin: 0;
    }
}

@media (max-width: 599px) {
    .referral__tasks-withdrawn-history {
        width: 32px;
        height: 32px;
        padding: 0;
        font-size: 0;
        margin: 0 8px 0 auto;
    }
}

@media (max-width: 1800px) {
    .referral__tasks-withdrawn {
        height: 54px;
        box-sizing: border-box;
    }
}

@media (max-width: 599px) {
    .referral__tasks-withdrawn {
        width: 100%;
        height: 48px;
        box-sizing: border-box;
        margin: 0;
    }
}

.referral__tasks-list {
    margin: 14px 0 0 0;
}

.referral__tasks-list:not(.referral__tasks-list-vip) {
    max-height: 425px;
    overflow-y: scroll;
}

@media screen and (min-width: 1800px) {
    .referral__tasks-list:not(.referral__tasks-list-vip) {
        max-height: 438px;
    }
}

.referral__tasks-list:not(.referral__tasks-list-vip)::-webkit-scrollbar {
    width: 3px;
}

.referral__tasks-list:not(.referral__tasks-list-vip)::-webkit-scrollbar-thumb {
    background-color: #535b70;
    border-radius: 3px;
}

.referral__tasks-list:not(.referral__tasks-list-vip) * {
    scrollbar-color: #535b70 rgba(166, 171, 190, 0.5490196078);
    scrollbar-width: thin;
}

.referral__tasks-list-vip {
    border: 2px dashed #2b2e38;
    padding: 20px;
    border-radius: 8px;
}

.referral__tasks-list-vip__title {
    margin-bottom: 16px;
    color: #c0c3d9;
    text-transform: uppercase;
}

.referral__tasks-item {
    background: #1a1c25;
    border-radius: 8px;
    height: 62px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
}

@media (max-width: 1800px) {
    .referral__tasks-item {
        font-size: 13px;
        height: 56px;
    }
}

@media (max-width: 1200px) {
    .referral__tasks-item {
        padding: 0 15px;
        height: 50px;
    }
}

@media (max-width: 599px) {
    .referral__tasks-item {
        font-size: 11px;
        line-height: 14px;
    }
}

.referral__tasks-item--done {
    background: rgba(245, 112, 94, 0.07);
}

.referral__tasks-item--done_winter {
    background-color: #20232e;
    background-image: url("winter-cash.225314812e33a20a151b.png");
    background-position: right;
    background-size: 245px 58px;
    background-repeat: no-repeat;
}

.referral__tasks-item+.referral__tasks-item {
    margin: 3px 0 0 0;
}

.referral__tasks-item-title {
    color: #8c909d;
    padding: 0 0 0 33px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}

.referral__tasks-item-title::before {
    width: 22px;
    height: 22px;
    content: "";
    background: #21232f;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.referral__tasks-item--done .referral__tasks-item-title {
    color: #ccb6b6;
}

.referral__tasks-item--done .referral__tasks-item-title::before {
    background: rgba(245, 112, 94, 0.1) url("check.12a785d4555216992761.svg") 50% no-repeat;
}

@media (max-width: 1200px) {
    .referral__tasks-item-title {
        padding: 0 0 0 28px;
    }

    .referral__tasks-item-title::before {
        width: 18px;
        height: 18px;
    }
}

.referral__tasks-item_vip {
    background-color: #2b2e3a;
}

.referral__tasks-item_vip .referral__tasks-item-title {
    padding: 0px;
}

.referral__tasks-item_vip .referral__tasks-item-title::before {
    display: none;
}

.referral__tasks-item_vip__title {
    margin-bottom: 16px;
    color: #c0c3d9;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.referral__tasks-item_vip.blocked {
    opacity: 0.5;
}

.referral__tasks-item_vip-wrap {
    display: flex;
    flex-direction: column;
}

.referral__tasks-item_vip-title {
    color: #8c909d;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
}

.referral__tasks-item_vip_needs {
    display: flex;
    align-items: center;
    gap: 5px;
}

.referral__tasks-item_vip_needs p {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #ebf1ff;
    margin-top: 3px;
}

@media screen and (max-width: 400px) {
    .referral__tasks-item_vip_needs p {
        font-size: 10px;
    }
}

.referral__tasks-item_vip .referral__tasks-item-prize {
    color: #f5705e;
    display: flex;
    align-items: center;
    gap: 5px;
}

.referral__tasks-item .vip-first-icon {
    width: 56px;
    height: 56px;
    margin-right: 16px;
}

.referral__tasks-item-prize {
    color: #bee197;
    margin: 0 0 0 auto;
}

.referral__tasks-item--done .referral__tasks-item-prize {
    color: #ff8271;
}

.referral__telegram {
    width: 386px;
    height: 257px;
    background: linear-gradient(208.86deg,
            #1a2132 15.41%,
            #2e3d62 64.43%,
            #1c4b82 94.77%);
    border-radius: 6px;
    position: relative;
    padding: 35px 35px 0 225px;
    box-sizing: content-box;
}

.referral__telegram::before {
    width: 196px;
    height: 257px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("/assets/icons/telegram.webp") no-repeat;
    background-size: 100%;
}

.referral__telegram--window {
    width: 350px;
    height: auto;
    padding: 20px 20px 20px 160px;
    margin: 16px 0 0 0;
}

.referral__telegram--window::before {
    width: 137px;
    height: 203px;
}

@media (max-width: 1800px) {
    .referral__telegram {
        padding: 35px 35px 0 160px;
    }

    .referral__telegram--window {
        padding: 20px 20px 20px 160px;
    }

    .referral__telegram::before {
        width: 140px;
        height: 184px;
    }
}

@media (max-width: 1200px) {
    .referral__telegram {
        width: 100%;
        box-sizing: border-box;
        padding: 35px 35px 35px 160px;
        height: auto;
    }

    .referral__telegram--window {
        padding: 20px 20px 20px 160px;
    }
}

@media (max-width: 599px) {
    .referral__telegram {
        padding: 20px 20px 20px 90px;
    }

    .referral__telegram::before {
        width: 72px;
        height: 96px;
    }
}

@media (max-width: 500px) {
    .referral__telegram--window {
        padding: 20px;
    }

    .referral__telegram--window::before {
        display: none;
    }
}

.referral__telegram-title {
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 599px) {
    .referral__telegram-title {
        font-size: 20px;
        line-height: 26px;
    }
}

.referral__telegram--window .referral__telegram-title {
    font-size: 20px;
    line-height: 24px;
}

.referral__telegram-description {
    font-size: 14px;
    line-height: 17px;
    color: #a4bbd5;
    margin: 2px 0 0 0;
}

.referral__telegram-description-strong {
    font-weight: 700;
    color: #7ec76c;
}

@media (max-width: 599px) {
    .referral__telegram-description {
        font-size: 12px;
        line-height: 16px;
    }
}

.referral__telegram--window .referral__telegram-description {
    font-size: 13px;
    line-height: 16px;
}

.referral__telegram-list {
    margin: 17px 0 0 0;
}

.referral__telegram-list-item {
    width: 100%;
    display: flex;
    min-height: 46px;
    background: rgba(70, 95, 134, 0.4);
    border-radius: 6px;
    align-items: center;
    padding: 0 40px 0 16px;
    box-sizing: border-box;
    position: relative;
}

@media (max-width: 599px) {
    .referral__telegram-list-item {
        padding: 0 40px 0 12px;
    }
}

.referral__telegram-list-item+.referral__telegram-list-item {
    margin: 2px 0 0 0;
}

.referral__telegram-list-item::before {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto;
    background: #212c43;
    border-radius: 4px;
}

.referral__telegram-list-item--done {
    background: rgba(70, 95, 134, 0.2);
}

.referral__telegram-list-item--done::before {
    background: rgba(64, 104, 141, 0.3) url("/assets/icons/telegram-check.svg") 50% no-repeat;
}

.referral__telegram-list-item-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #deebfe;
    padding: 0 20px 0 0;
    transition: color 0.3s;
    position: relative;
}

.referral__telegram--window .referral__telegram-list-item-link {
    font-size: 13px;
    line-height: 16px;
}

@media (max-width: 599px) {
    .referral__telegram-list-item-link {
        font-size: 12px;
        line-height: 14px;
        padding: 0 20px 0 0;
    }
}

.referral__telegram-list-item-link:hover {
    color: #fff;
}

.referral__telegram-list-item--done .referral__telegram-list-item-link {
    color: #90a3be;
}

.referral__telegram-list-item--done .referral__telegram-list-item-link::before {
    opacity: 0.5;
}

.referral__telegram-list-item-link::before {
    width: 14px;
    height: 14px;
    content: "";
    background: url("/assets/icons/link.svg") right 50% no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.referral__telegram-verify {
    width: 100%;
    height: 55px;
    background: #5db7f5;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0 0 0;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    color: #1e4159;
    transition: color 0.3s, background 0.3s;
    cursor: pointer;
}

.referral__telegram-verify-icon {
    margin: 0 0 0 3px;
    width: 29px;
    height: 29px;
}

.referral__telegram-verify-icon path {
    transition: fill 0.3s;
}

.referral__telegram-verify-loader {
    color: #1e4159;
}

.referral__telegram-verify-loader svg {
    width: 18px;
    height: 18px;
}

.referral__telegram-verify:hover {
    background: #72c4fc;
    color: #344f62;
}

.referral__telegram-verify:hover path {
    fill: #344f62;
}

.referral__telegram-verify:disabled {
    color: #1e4159;
    background-color: #376688;
    cursor: no-drop;
}

.referral__telegram-verify:disabled:hover path {
    fill: #1e4159;
}

@media (max-width: 599px) {
    .referral__telegram-verify {
        height: 50px;
        font-size: 14px;
    }
}

.referral__telegram--window .referral__telegram-verify {
    height: 50px;
    font-size: 14px;
}

.referral__codes {
    flex-grow: 1;
    margin: 0 0 0 20px;
}

.referral__codes--window {
    margin: 0 !important;
}

@media (max-width: 1200px) {
    .referral__codes {
        margin: 20px 0 0 0;
    }
}

.referral__codes-item {
    width: 100%;
    height: 136px;
    background-color: #191b25;
    background-repeat: no-repeat;
    background-size: 164px;
    background-position: 0 100%;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 22px 25px 0 167px;
}

.referral__codes--window .referral__codes-item {
    height: 122px;
    background-size: 120px;
    padding: 22px 25px 0 124px;
}

@media (max-width: 500px) {
    .referral__codes--window .referral__codes-item {
        padding: 20px;
        height: auto;
        background-image: none;
    }
}

@media (max-width: 1800px) {
    .referral__codes-item {
        background-size: 130px;
        padding: 22px 25px 0 140px;
    }
}

@media (max-width: 1400px) {
    .referral__codes-item {
        min-width: 505px;
    }
}

@media (max-width: 599px) {
    .referral__codes-item {
        min-width: auto;
        height: auto;
        background-size: 86px;
        padding: 20px 20px 20px 94px;
    }
}

.referral__codes-item+.referral__codes-item {
    margin: 20px 0 0 0;
}

@media (max-width: 1200px) {
    .referral__codes-item+.referral__codes-item {
        margin: 10px 0 0 0;
    }
}

.referral__codes--window .referral__codes-item+.referral__codes-item {
    margin: 6px 0 0 0;
}

.referral__codes-item--promocode {
    background-image: url("/assets/icons/promocode.webp");
}

.referral__codes-item--bonus {
    background-image: url("/assets/icons/bonus.webp");
}

.referral__codes-item-title {
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #a9b0c2;
}

@media (max-width: 599px) {
    .referral__codes-item-title {
        font-size: 14px;
        line-height: 16px;
    }
}

.referral__codes-item-form {
    margin: 11px 0 0 0;
    display: flex;
    width: 100%;
}

@media (max-width: 500px) {
    .referral__codes-item-form {
        flex-direction: column;
    }
}

.referral__codes-item-field {
    height: 60px;
    background: #20222d;
    border-radius: 6px;
    flex-grow: 1;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    color: #6e707d;
    transition: color 0.3s, background 0.3s;
}

@media (max-width: 1400px) {
    .referral__codes-item-field {
        padding: 0 11px;
        font-size: 14px;
    }
}

@media (max-width: 599px) {
    .referral__codes-item-field {
        height: 50px;
        font-size: 12px;
    }
}

.referral__codes-item-field::-moz-placeholder {
    color: #6e707d;
}

.referral__codes-item-field::placeholder {
    color: #6e707d;
}

.referral__codes-item-field:hover {
    color: #9295a6;
    background: #222530;
}

.referral__codes-item-field:focus {
    color: #fdf8ff;
    background: #262835;
}

.referral__codes--window .referral__codes-item-field {
    height: 54px;
    font-size: 14px;
}

.referral__codes-item-button {
    height: 60px;
    padding: 0 24px;
    background: #f5705e;
    color: #3e1d19;
    border-radius: 6px;
    transition: color 0.3s, background 0.3s;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 0 10px;
}

.referral__codes-item-button:hover {
    color: #613c38;
    background: #f58677;
}

.referral__codes--window .referral__codes-item-button {
    height: 54px;
}

@media (max-width: 599px) {
    .referral__codes-item-button {
        height: 50px;
        padding: 0 15px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .referral__codes-item-button {
        margin: 10px 0 0 0;
    }
}

.referral__window {
    width: 94%;
    max-width: 1278px;
    background: #191b25;
    border-radius: 6px;
    position: absolute;
    left: 0;
    right: 0;
    top: 200px;
    margin: auto;
    z-index: 10001;
    padding: 30px 40px 40px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.3s;
    visibility: hidden;
}

@media (max-width: 1500px) {
    .referral__window {
        max-width: none;
        box-sizing: border-box;
    }
}

@media (max-width: 1400px) {
    .referral__window {
        padding: 30px;
    }
}

@media (max-width: 1200px) {
    .referral__window {
        width: 96%;
    }
}

@media (max-width: 599px) {
    .referral__window {
        padding: 20px;
    }
}

.referral__window--opened {
    visibility: visible;
    opacity: 1;
}

.referral__window-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.referral__window-close path {
    transition: fill 0.3s;
}

.referral__window-close:hover path {
    fill: #63677b;
}

.referral__window-title {
    font-size: 24px;
    line-height: 29px;
    color: #d5d5e3;
    margin: 0 0 22px 0;
}

@media (max-width: 1800px) {
    .referral__window-title {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width: 599px) {
    .referral__window-title {
        font-size: 18px;
        line-height: 24px;
    }
}

.referral__window-text-white {
    color: #d5d5e3;
    font-weight: 500;
}

.referral__window-ruby {
    color: #f46879;
    font-weight: 600;
    line-height: 17px;
}

.referral__window-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.referral__window-left {
    width: calc(100% - 500px);
}

@media (max-width: 1400px) {
    .referral__window-left {
        width: calc(100% - 345px);
    }
}

@media (max-width: 900px) {
    .referral__window-left {
        width: 100%;
    }
}

.referral__window-left-item+.referral__window-left-item {
    margin: 16px 0 0 0;
}

@media (max-width: 599px) {
    .referral__window-left-item+.referral__window-left-item {
        margin: 12px 0 0 0;
    }
}

.referral__window-left-text {
    font-size: 14px;
    line-height: 22px;
    color: #9696a1;
}

.referral__window-left-text--note {
    font-size: 13px;
    line-height: 22px;
    font-style: italic;
}

.referral__window-left-text--gray {
    color: #c4c4c4;
    font-weight: 500;
}

@media (max-width: 1800px) {
    .referral__window-left-text {
        font-size: 13px;
        line-height: 20px;
    }
}

@media (max-width: 599px) {
    .referral__window-left-text {
        font-size: 12px;
        line-height: 18px;
    }
}

.referral__window-left-list-link {
    color: #ea6956;
    transition: color 0.3s;
}

.referral__window-left-list-link:hover {
    color: #ff7b68;
}

.referral__window-left-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #d6d7dc;
    margin: 0 0 8px 0;
}

@media (max-width: 1800px) {
    .referral__window-left-title {
        font-size: 14px;
    }
}

.referral__window-token {
    height: 62px;
    display: flex;
    margin: 0 0 22px 0;
}

@media (max-width: 1200px) {
    .referral__window-token {
        flex-direction: column;
        height: auto;
    }
}

.referral__window-token-row {
    flex-grow: 1;
    background: linear-gradient(138.4deg, #222437 30.98%, #392e58 112.58%);
    border-radius: 6px;
    align-items: center;
    padding: 0 14px 0 54px;
    display: flex;
    position: relative;
}

.referral__window-token-row::before {
    width: 32px;
    height: 32px;
    content: "";
    position: absolute;
    top: 0;
    left: 14px;
    bottom: 0;
    margin: auto;
    background: url("plg-purple.84d2a64cccd5d9a74f3b.svg") no-repeat;
    background-size: 100%;
}

@media (max-width: 1200px) {
    .referral__window-token-row {
        box-sizing: border-box;
        padding: 14px 14px 14px 54px;
    }
}

@media (max-width: 599px) {
    .referral__window-token-row {
        padding: 14px 14px 14px 48px;
    }

    .referral__window-token-row::before {
        width: 26px;
        height: 26px;
        left: 10px;
    }
}

.referral__window-token-info {
    flex-grow: 1;
    display: flex;
    align-content: center;
    flex-direction: column;
}

@media (max-width: 1200px) {
    .referral__window-token-info {
        max-width: calc(100% - 101px);
    }
}

@media (max-width: 599px) {
    .referral__window-token-info {
        max-width: 84%;
    }
}

.referral__window-token-title {
    font-size: 12px;
    line-height: 15px;
    color: #c9bbff;
}

.referral__window-token-item {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #f46879;
}

@media (max-width: 1200px) {
    .referral__window-token-item {
        max-width: 98%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.referral__window-token-copy {
    height: 36px;
    padding: 0 11px;
    background: #403763;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #9b91c0;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background 0.3s, color 0.3s;
    margin: 0 0 0 20px;
}

.referral__window-token-copy-icon {
    margin: 0 4px 0 0;
}

.referral__window-token-copy-icon path {
    transition: fill 0.3s;
}

@media (max-width: 599px) {
    .referral__window-token-copy-icon {
        margin: 0;
    }
}

.referral__window-token-copy:hover {
    background: #4b3f7c;
    color: #beadff;
}

.referral__window-token-copy:hover path {
    fill: #beadff;
}

@media (max-width: 599px) {
    .referral__window-token-copy {
        width: 32px;
        height: 32px;
        padding: 0;
        font-size: 0;
        justify-content: center;
        margin: 0 0 0 auto;
    }
}

.referral__window-token-button {
    padding: 0 28px;
    background: #8270f3;
    border-radius: 6px;
    margin: 0 0 0 11px;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    color: #28203e;
    display: flex;
    align-items: center;
    transition: color 0.3s, background 0.3s;
}

.referral__window-token-button:hover {
    background: #9d8ef9;
    color: #41395a;
}

@media (max-width: 1800px) {
    .referral__window-token-button {
        padding: 0 20px;
        margin: 0 0 0 10px;
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .referral__window-token-button {
        width: 100%;
        height: 52px;
        box-sizing: border-box;
        justify-content: center;
        margin: 10px 0 0 0;
    }
}

@media (max-width: 599px) {
    .referral__window-token-button {
        height: 48px;
        font-size: 12px;
    }
}

.referral__window-right {
    width: 480px;
    margin: 0 0 0 20px;
}

@media (max-width: 1400px) {
    .referral__window-right {
        width: 330px;
        margin: 0 0 0 15px;
    }
}

@media (max-width: 900px) {
    .referral__window-right {
        width: 100%;
        margin: 20px 0 0 0;
    }
}

.referral__window-right-item {
    background: #1c1e29;
    border-radius: 6px;
    padding: 20px;
}

.referral__window-right-item+.referral__window-right-item {
    margin: 10px 0 0 0;
}

.referral__window-right-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #ea6956;
}

.referral__window-right-title--margined {
    margin: 0 0 14px 0;
}

@media (max-width: 599px) {
    .referral__window-right-title {
        font-size: 12px;
        line-height: 16px;
    }
}

.referral__window-right-list {
    margin: 20px 0 0 0;
}

.referral__window-right-list-item {
    background: #202330;
    border-radius: 6px;
    padding: 11px 16px 12px 16px;
    font-size: 13px;
    line-height: 16px;
    color: #c1c1cc;
}

.referral__window-right-list-item+.referral__window-right-list-item {
    margin: 1px 0 0 0;
}

.referral__window-right-list-item-strong {
    color: #7ec76c;
    font-weight: 600;
}

@media (max-width: 599px) {
    .referral__window-right-list-item {
        font-size: 12px;
        padding: 10px 12px 10px 12px;
    }
}

.top-vip {
    padding: 24px;
    background-image: url("tweekly.8f297a4e97dcfd38f545.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    border-radius: 8px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .top-vip::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 8px;
        z-index: 0;
    }

    .top-vip>* {
        position: relative;
        z-index: 1;
    }
}

.top-vip.cube {
    background-image: url("cube-banner.b895ba05fa715ff43f3e.png");
}

.top-vip.diamond {
    background-image: url("diamond-banner.be0bcdd84cf24af61c75.png");
}

.top-vip__count {
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: #fff;
}

@media screen and (max-width: 400px) {
    .top-vip__count {
        font-size: 27px;
    }
}

.top-vip__title {
    color: #c6cfd6;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
}

.vip-timer {
    text-align: center;
}

.vip-timer__title {
    margin: 22px 0px;
    text-align: center;
    color: #8c909d;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
}

.vip-timer__title-with {
    color: #8c909d;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #2a2e37;
    display: inline-block;
    margin-top: 14px;
}

.cashback-timer {
    display: flex;
    align-items: center;
    margin-top: 14px;
    justify-content: center;
    gap: 10px;
}

@media screen and (max-width: 600px) {
    .cashback-timer {
        flex-direction: column;
    }
}

.cashback-timer__wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #9298ac;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.cashback-timer__box {
    border-radius: 6px;
    background: linear-gradient(180deg, #2a2e37 0%, #363a46 100%);
    padding: 6px 8px;
    color: #9298ac;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    width: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cashback-timer__days {
    width: auto;
}

.cashback-timer__times {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cashback-timer__title {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #8c909d;
}

.telegram-connect-wrap {
    text-align: center;
}

.telegram-connect-wrap p {
    margin-bottom: 16px;
}

@keyframes bouncing {
    from {
        transform: translateY(0) scale(1);
    }

    25% {
        transform: translateY(-7px) scale(1.04);
    }

    50% {
        transform: translateY(3px) scale(0.96);
    }

    75% {
        transform: translateY(-2px) scale(1.04);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

@keyframes scaling {
    from {
        transform: scale(1);
    }

    33% {
        transform: scale(0.8);
    }

    66% {
        transform: scale(1.2);
    }

    to {
        transform: scale(1);
    }
}

.slots {
    box-sizing: border-box;
    max-width: 1425px;
    margin: 0 auto;
}

@media (max-width: 760px) {
    .slots {
        height: auto;
    }
}

.slots__top {
    padding: 0 25px;
    display: flex;
    margin-bottom: 16px;
}

@media (max-width: 1200px) {
    .slots__top {
        padding: 0 15px;
    }
}

@media (max-width: 1400px) {
    .slots__top {
        position: relative;
    }
}

@media (max-width: 760px) {
    .slots__top {
        flex-wrap: wrap;
    }
}

.slots__tabs {
    display: flex;
}

.slots__tabs-item {
    display: flex;
}

.slots__tabs-item+.slots__tabs-item {
    margin: 0 0 0 3px;
}

@media (max-width: 1400px) {
    .slots__tabs-item--all-games {
        display: none;
    }

    .slots__tabs-item+.slots__tabs-item {
        margin: 0;
    }
}

.slots__tabs-button {
    width: 98px;
    height: 104px;
    cursor: pointer;
    transition: color 0.3s, border 0.3s, background 0.3s;
    font-weight: 800;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #4b4e62;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(25, 28, 37, 0.4);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1850px) {
    .slots__tabs-button {
        width: 80px;
        height: 84px;
        font-size: 9px;
    }
}

@media (max-width: 1400px) {
    .slots__tabs-button {
        width: 50px;
        height: 50px;
    }

    .slots__tabs-button .slots__tabs-icon {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 760px) {
    .slots__tabs-button {
        width: 38px;
        height: 38px;
    }

    .slots__tabs-button .slots__tabs-icon {
        width: 24px;
        height: 24px;
    }
}

.slots__tabs-button::before,
.slots__tabs-button::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    transition: opacity 0.3s, border 0.3s;
    box-sizing: border-box;
}

.slots__tabs-button::before {
    border: 1px solid #252a37;
    border-radius: inherit;
}

.slots__tabs-button::after {
    background: linear-gradient(360deg,
            rgba(80, 44, 52, 0.6) -4.33%,
            rgba(49, 44, 70, 0.6) 95.19%);
    opacity: 0;
}

.slots__tabs-button--favorite.slots__tabs-button--active {
    color: #f6c170 !important;
}

.slots__tabs-button--favorite.slots__tabs-button--active path {
    fill: #f6c170;
}

.slots__tabs-button--favorite::after {
    background: linear-gradient(360deg,
            rgba(80, 59, 44, 0.6) -4.33%,
            rgba(45, 44, 70, 0.6) 95.19%);
}

.slots__tabs-button:not(.slots__tabs-button--active):hover {
    background: #1d222e;
    color: #717489;
}

.slots__tabs-button:not(.slots__tabs-button--active):hover path {
    fill: #717489;
}

.slots__tabs-button:not(.slots__tabs-button--active):hover::before {
    border: 1px solid #1d222e;
}

.slots__tabs-button:not(.slots__tabs-button--active) path {
    fill: #4b4e62;
}

.slots__tabs-button--active {
    color: #fc7167;
}

.slots__tabs-button--active::before {
    opacity: 0;
}

.slots__tabs-button--active::after {
    opacity: 1;
}

.slots__tabs-button--active .slots__tabs-icon {
    animation: bouncing 0.5s 1;
}

.slots__tabs-button--active path {
    fill: #fc7167;
}

.slots__tabs-icon {
    margin: 0 0 2px 0;
    position: relative;
    z-index: 2;
}

.slots__tabs-icon path {
    transition: fill 0.3s;
}

.slots__tabs-title {
    position: relative;
    z-index: 2;
}

@media (max-width: 1400px) {
    .slots__tabs-title {
        display: none;
    }
}

@media (max-width: 1400px) {
    .slots__tabs {
        position: absolute;
        left: 32px;
        height: 50px;
        bottom: 0;
        top: 0;
        margin: auto;
    }
}

@media (max-width: 760px) {
    .slots__tabs {
        top: 56px;
        left: 25px;
        bottom: auto;
    }
}

.slots__filter {
    display: flex;
    padding: 0 25px;
    flex-grow: 1;
    background: #191c25;
    border-radius: 6px;
    margin: 0 10px;
    align-items: center;
}

.slots__filter_game-name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #b2b4c3;
    text-transform: capitalize;
}

@media (max-width: 1850px) {
    .slots__filter {
        padding: 0 17px;
    }
}

@media (max-width: 1400px) {
    .slots__filter {
        margin: 0 10px 0 0;
        padding: 0 17px 0 75px;
    }
}

@media (max-width: 760px) {
    .slots__filter {
        margin: 0 0 10px 0;
        flex-wrap: wrap;
        padding: 10px;
    }
}

.slots__row {
    margin: 0;
    height: calc(100% - 100px);
    position: relative;
    overflow: hidden;
}

@media (max-width: 760px) {
    .slots__row {
        height: auto;
    }
}

.slots__row::before {
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, #12151c 0%, rgba(18, 21, 38, 0) 100%);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    pointer-events: none;
}

.slots__list {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
}

.slots__row>.slots__list:first-of-type {
    padding: 0 25px !important;
}

@media (max-width: 1200px) {
    .slots__row>.slots__list:first-of-type {
        padding: 0 15px !important;
    }
}

.slots__item {
    width: 16.6666%;
    padding: 0 3px;
    box-sizing: border-box;
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin: 0 0 6px 0;
}

@media (max-width: 1600px) {
    .slots__item {
        width: 20%;
    }
}

@media (max-width: 1400px) {
    .slots__item {
        width: 25%;
    }
}

@media (max-width: 599px) {
    .slots__item {
        width: 33.33%;
    }
}

@media (max-width: 500px) {
    .slots__item {
        width: 50%;
    }
}

.slots__item--new::before {
    padding: 0 6px;
    position: absolute;
    background: #f96054;
    border-radius: 4px;
    line-height: 20px;
    content: "NEW";
    left: 8px;
    top: 8px;
    z-index: 10;
    font-weight: 800;
    font-size: 9px;
    color: #fff;
}

.slots__item-pic {
    width: 225px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.slots__item-image {
    width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.slots__item-description {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    position: relative;
    background: #191c24;
    z-index: 2;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 0 3px 12px;
    margin: -5px 0 0 0;
}

.slots__link:hover .slots__item-description::before,
.slots__link:hover .slots__item-description::after {
    background: #222630;
    box-shadow: 0 -10px 20px #222630;
}

.slots__item-description::before,
.slots__item-description::after {
    width: 500px;
    height: 50px;
    box-shadow: 0 -10px 20px #191c24;
    background: #191c24;
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    margin: 0 0 0 -250px;
    transition: background 0.3s, box-shadow 0.3s;
}

.slots__item-title {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    position: relative;
    z-index: 2;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1800px) {
    .slots__item-title {
        font-size: 12px;
    }
}

.slots__item-company {
    font-size: 12px;
    line-height: 15px;
    color: #5f6576;
    position: relative;
    z-index: 2;
    padding: 0 50px 0 0;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

@media (max-width: 1800px) {
    .slots__item-company {
        font-size: 10px;
    }
}

.slots .affiliates__empty-table {
    height: 500px;
}

.slots__item-favorite {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 25px;
    position: absolute;
    right: 12px;
    bottom: 15px;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
    background-image: url("/assets/icons/favorite.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    z-index: 2;
}

.slots__item-favorite:not(.slots__item-favorite--active):hover {
    background-image: url("/assets/icons/favorite-hover.svg");
}

.slots__item-favorite--active {
    background-image: url("/assets/icons/favorite-active.svg");
    animation: scaling 0.3s 1;
}

.slots__link {
    width: 100%;
    background: #191c24;
    transition: background 0.3s;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slots__link:hover {
    background: #222630;
}

.slots__game {
    background: #171921;
    border-radius: 6px;
    overflow: hidden;
    width: calc(100% - 50px);
    margin: 0 auto;
    margin-top: 16px;
}

@media (max-width: 1200px) {
    .slots__game {
        width: calc(100% - 30px);
    }
}

.slots__game-row {
    width: 100%;
    display: flex;
}

.slots__game-row_frame {
    width: 100%;
    height: 750px;
}

.slots__game-top {
    height: 76px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    position: relative;
}

@media (max-width: 900px) {
    .slots__game-top {
        height: auto;
        padding: 15px;
    }
}

@media (max-width: 599px) {
    .slots__game-top {
        height: auto;
        padding: 15px 15px 15px 15px;
    }
}

.slots__game-back {
    height: 40px;
    display: flex;
    align-items: center;
    background: #1f222f;
    border-radius: 6px;
    padding: 0 15px;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    color: #737788;
    transition: color 0.3s, background 0.3s;
}

.slots__game-back-icon {
    margin: 0 8px 0 0;
}

.slots__game-back-icon path {
    transition: fill 0.3s;
}

.slots__game-back:hover {
    background: #2b2f40;
    color: #9b9fb0;
}

.slots__game-back:hover path {
    fill: #9b9fb0;
}

@media (max-width: 1800px) {
    .slots__game-back {
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    .slots__game-back {
        width: 40px;
        height: 40px;
        font-size: 0;
        padding: 0;
        justify-content: center;
    }

    .slots__game-back-icon {
        margin: 0;
    }
}

.slots__game-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 0 13px;
    overflow: hidden;
}

.slots__game-description_wrap {
    display: flex;
    align-items: center;
    gap: 5px;
}

.slots__game-description_divider {
    color: #5f6576;
    font-weight: 500;
    font-size: 12px;
}

@media (max-width: 599px) {
    .slots__game-description {
        width: calc(100% - 15px);
        margin: 0;
        position: absolute;
        bottom: 15px;
        left: 70px;
    }
}

.slots__game-title {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
}

@media (max-width: 1800px) {
    .slots__game-title {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 900px) {
    .slots__game-title {
        font-size: 16px;
        line-height: 20px;
    }
}

.slots__game-company {
    font-size: 13px;
    color: #5f6576;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
}

@media (max-width: 1800px) {
    .slots__game-company {
        font-size: 12px;
    }
}

.slots__game-actions {
    margin: 0 0 0 auto;
    display: flex;
    gap: 10px;
}

.slots__game-actions_select {
    height: 40px;
}

.slots__game-actions_select.ant-select-focused .ant-select-selector {
    box-shadow: none;
}

.slots__game-actions_select .ant-select-selector {
    border: none !important;
    background-color: #1f222f !important;
}

.slots__game-actions-button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #1d1f29;
    border-radius: 6px;
    transition: background 0.3s;
    position: relative;
}

.slots__game-actions-button+.slots__game-actions-button {
    margin: 0 0 0 2px;
}

.slots__game-actions-button:hover {
    background: #252835;
}

.slots__game-actions-button:hover path {
    fill: #717585;
}

.slots__game-actions-button path {
    transition: fill 0.3s;
}

.slots__game-actions-button--favorite::before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: background 0.3s;
    background-image: url("/assets/icons/favorite.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

.slots__game-actions-button--favorite:not(.slots__game-actions-button--favorite--active):hover::before {
    background-image: url("favorite-hover.b2d81fc4d7243a8fd035.svg");
}

.slots__game-actions-button--favorite--active::before {
    background-image: url("/assets/icons/favorite-active.svg");
    animation: scaling 0.3s 1;
}

.slots__scroll-wrap {
    min-height: 500px;
    max-height: 700px;
    overflow: hidden;
    overflow-y: auto;
    width: calc(100% - 50px);
    margin: 0 auto;
}

.slots__scroll-wrap::-webkit-scrollbar {
    width: 3px;
}

.slots__scroll-wrap::-webkit-scrollbar-thumb {
    background-color: #535b70;
    border-radius: 3px;
}

.slots__scroll-wrap * {
    scrollbar-color: #535b70 rgba(166, 171, 190, 0.5490196078);
    scrollbar-width: thin;
}

@media (max-width: 1200px) {
    .slots__scroll-wrap {
        width: calc(100% - 30px);
    }
}

.slots__select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #1e212c;
    border-radius: 6px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-size: 14px;
    color: #9296ad;
    height: 50px;
    padding: 0 33px 0 16px;
    line-height: 48px;
    outline: none;
    position: relative;
    text-align: left !important;
    transition: background 0.3s, color 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    z-index: 100;
    min-width: 150px;
    max-width: 300px;
}

.slots__select:hover {
    background: #212430;
    color: #a0a5be;
}

.slots__select:hover::after {
    border-top: 6px solid #6d7598;
}

.slots__select:active,
.slots__select.open,
.slots__select:focus {
    background: #242735;
    color: #b2b4c3;
}

.slots__select:after {
    width: 0;
    right: 13px;
    top: 22px;
    margin: auto;
    position: absolute;
    border: 4px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #5f6682;
    transition: border 0.3s, transform 0.3s;
    content: "";
    transform-origin: 50% 30%;
}

.slots__select.open:after {
    transform: rotate(-180deg);
    border-top: 6px solid #9b9fb7;
}

.slots__select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(-10px);
}

.slots__select .list {
    width: 215px;
    max-height: 290px;
    background-color: #1d212c;
    box-sizing: border-box;
    margin-top: 14px;
    opacity: 0;
    overflow: hidden;
    overflow-y: auto;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transition: transform 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out, background 0.3s;
    z-index: 9;
    border-radius: 6px;
    padding: 8px;
}

.slots__select .list::-webkit-scrollbar {
    width: 3px;
}

.slots__select .list::-webkit-scrollbar-thumb {
    background-color: #535b70;
    border-radius: 3px;
}

.slots__select .list * {
    scrollbar-color: #535b70 rgba(166, 171, 190, 0.5490196078);
    scrollbar-width: thin;
}

@media (max-width: 760px) {
    .slots__select .list {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .slots__select {
        max-width: 50%;
        min-width: auto;
        width: calc(50% - 4px);
    }
}

.slots__select_all-providers {
    margin-left: 8px;
}

.slots__select .option {
    width: 100%;
    background: #212632;
    border-radius: 6px;
    cursor: pointer;
    list-style: none;
    outline: none;
    text-align: left;
    transition: color 0.3s, background 0.3s;
    box-sizing: border-box;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
}

.slots__select .option:hover {
    color: #d5d5e4;
    background: #2d3240;
}

.slots__select .option__link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slots__select .option__selected {
    color: #d5d5e4;
    background: #2d3240;
}

.slots__select .option.disabled {
    background-color: #1a1e26;
    cursor: default;
    color: #434750;
}

@media (max-width: 760px) {
    .slots__select .option {
        font-size: 11px;
        padding: 0 10px;
        height: 36px;
        line-height: 36px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

.slots__select--slots {
    margin: 0 0 0 8px;
}

.slots__select--slots:first-of-type {
    margin: 0;
}

@media (max-width: 760px) {
    .slots__select--slots {
        flex-grow: 1;
    }
}

@media (max-width: 1600px) {
    .slots__select {
        padding: 0 33px 0 10px;
        font-size: 12px;
    }
}

@media (max-width: 760px) {
    .slots__select:not(.select--coinflip) {
        height: 38px;
        line-height: 38px;
        font-size: 11px;
    }

    .slots__select:not(.select--coinflip)::after {
        right: 10px;
        top: 17px;
    }
}

.search {
    position: relative;
}

.search--slots {
    margin: 0 0 0 8px;
    flex-grow: 1;
}

@media (max-width: 760px) {
    .search--slots {
        width: 100%;
        margin: 8px 0 0 46px;
    }
}

.search__button {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search__button path {
    transition: fill 0.3s;
}

.search__button:hover path {
    fill: #6d758c;
}

.betting-markup {
    max-width: 1425px;
    width: 100%;
    margin: 0px auto;
}

.betting-wrap {
    position: relative;
    padding: 0px 25px;
    z-index: 50;
}

@media (max-width: 760px) {
    .betting-wrap {
        padding: 0px 15px;
    }
}

.betting-wrap__title {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #d5d5e3;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.betting-wrap__currency-changer {
    position: absolute;
    bottom: 0;
    left: 25px;
    padding: 18px;
    width: calc(100% - 50px);
    box-shadow: 0px -18px 44px 0px rgba(0, 0, 0, 0.46);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 760px) {
    .betting-wrap__currency-changer {
        width: calc(100% - 30px);
        left: 15px;
    }
}

.custom-select {
    position: relative;
    width: 70px;
    cursor: pointer;
}

.custom-select .selected-value {
    padding: 8px;
    background-color: #191b25;
    color: #fff;
    border-radius: 12px;
    text-align: center;
    border: 1px solid #333;
}

.custom-select .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #191b25;
    color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 10;
}

.custom-select .dropdown.close {
    cursor: none;
    pointer-events: none;
}

.custom-select .dropdown.open {
    opacity: 1;
    transform: translateY(0);
}

.custom-select .dropdown-item {
    padding: 8px 8px 8px 16px;
    cursor: pointer;
    color: #fff;
    transition: background-color 0.2s;
}

.custom-select .dropdown-item:hover {
    background-color: #333;
}

.custom-select .dropdown-item.selected {
    background-color: #222;
}

.faq {
    width: 100%;
    display: flex;
}

@media (max-width: 900px) {
    .faq {
        flex-wrap: wrap;
    }
}

.faq__nav {
    width: 420px;
    height: -moz-fit-content;
    height: fit-content;
    background: #171921;
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 10px 0 0;
}

@media (max-width: 1800px) {
    .faq__nav {
        width: 350px;
    }
}

.faq__nav-trigger {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    z-index: 3;
    align-items: center;
    justify-content: center;
    color: #9da3b3;
    font-size: 13px;
    display: none;
}

.faq__nav-trigger::before {
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    background: url("faq-arrow.c4c2f1896e618f8d9a0a.svg") no-repeat;
    background-size: 100%;
    margin: 0 0 0 6px;
    order: 2;
}

@media (max-width: 900px) {
    .faq__nav-trigger {
        display: flex;
    }
}

.faq__nav-trigger--hidden {
    display: none;
}

.faq__nav-category+.faq__nav-category {
    margin: 15px 0 0 0;
}

.faq__nav-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #ebf1ff;
}

.faq__nav-list {
    margin: 10px 0 0 0;
}

.faq__nav-item+.faq__nav-item {
    margin: 1px 0 0 0;
}

.faq__nav-link {
    background: #1b1d26;
    border-radius: 6px;
    padding: 15px 30px 15px 17px;
    font-weight: 400;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    color: #9da3b2;
    cursor: pointer;
    transition: color 0.3s, background 0.3s;
}

.faq__nav-link:hover {
    background: #20222c;
    color: #b5bccc;
}

.faq__nav-link.active {
    background: #291f28;
    color: #ff816f;
}

@media (max-width: 1800px) {
    .faq__nav-link {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width: 1200px) {
    .faq__nav {
        width: 290px;
        padding: 15px;
    }

    .faq__nav-title {
        font-size: 15px;
        line-height: 18px;
    }

    .faq__nav-link {
        font-size: 13px;
        line-height: 16px;
        padding: 13px 30px 13px 17px;
    }
}

@media (max-width: 900px) {
    .faq__nav {
        width: 100%;
        margin: 0 0 10px 0;
        max-height: 150px;
        overflow: hidden;
        position: relative;
    }

    .faq__nav::before,
    .faq__nav::after {
        width: 100%;
        height: 100px;
        background: linear-gradient(0deg,
                rgb(23, 25, 33) 0%,
                rgba(23, 25, 33, 0) 100%);
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
    }

    .faq__nav-title {
        font-size: 13px;
        line-height: 16px;
    }

    .faq__nav-link {
        font-size: 11px;
        line-height: 15px;
        padding: 11px 30px 11px 17px;
    }

    .faq__nav--opened {
        max-height: none;
    }

    .faq__nav--opened::before,
    .faq__nav--opened::after {
        display: none;
    }
}

.faq__side {
    width: calc(100% - 430px);
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 0 0 auto;
    background: #171921;
    padding: 30px;
    border-radius: 6px;
    box-sizing: border-box;
}

@media (max-width: 1800px) {
    .faq__side {
        width: calc(100% - 360px);
    }
}

@media (max-width: 1200px) {
    .faq__side {
        width: calc(100% - 300px);
        padding: 20px;
    }
}

@media (max-width: 900px) {
    .faq__side {
        width: 100%;
    }
}

.faq__section {
    overflow: hidden;
}

.faq__section+.faq__section {
    margin: 20px 0 0 0;
}

.faq__section-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 27px;
    color: #eb6a57;
    margin: 0 0 4px 0;
}

@media (max-width: 1200px) {
    .faq__section-title {
        font-size: 20px;
        line-height: 25px;
    }
}

@media (max-width: 599px) {
    .faq__section-title {
        font-size: 16px;
        line-height: 20px;
    }
}

.faq__section-text {
    font-size: 14px;
    line-height: 22px;
    color: #b5b6c0;
}

@media (max-width: 1200px) {
    .faq__section-text {
        font-size: 13px;
        line-height: 20px;
    }
}

@media (max-width: 599px) {
    .faq__section-text {
        font-size: 11px;
        line-height: 16px;
    }
}

.faq__section-list {
    margin: 15px 0 0 0;
}

.faq__section-list-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #d6d7dc;
    margin: 0 0 8px 0;
}

@media (max-width: 1200px) {
    .faq__section-list-title {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width: 599px) {
    .faq__section-list-title {
        font-size: 13px;
        line-height: 15px;
        margin: 0 0 6px 0;
    }
}

.faq__section_link {
    cursor: pointer;
    color: #eb6a57;
    font-weight: 500;
}

.faq__syntax {
    position: relative;
    margin: 15px 0 0 0;
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
}

.faq__syntax::before {
    width: 150px;
    height: 100%;
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    border-radius: 0 6px 6px 0;
    background: linear-gradient(270deg,
            rgb(28, 31, 40) 0%,
            rgba(28, 31, 40, 0) 100%);
}

@media (max-width: 760px) {
    .faq__syntax::after {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        content: "";
        position: absolute;
        z-index: 2;
        background: rgba(18, 19, 23, 0.9);
    }
}

.plain__list-item {
    color: #b5b6c0;
    font-size: 14px;
    line-height: 22px;
    position: relative;
}

.plain__list-item::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #eb6a57;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 6px;
}

.bets-history__tabs {
    width: 100%;
    display: flex;
    background: #191c25;
    border-radius: 6px;
    overflow: hidden;
}

.bets-history__total-bets {
    color: #b2b2bb;
    font-weight: 500;
    margin-right: 15px;
}

.bets-history__total-bets span {
    font-weight: 600;
    margin-left: 5px;
    display: inline-block;
}

@media screen and (max-width: 600px) {
    .bets-history__total-bets {
        display: none;
    }
}

.bets-history__tabs-item {
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    font-weight: 500;
    font-size: 15px;
    color: #808399;
    transition: color 0.3s;
    border-right: 1px solid #151820;
    cursor: pointer;
    position: relative;
}

@media (max-width: 1800px) {
    .bets-history__tabs-item {
        height: 60px;
        padding: 0 25px;
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .bets-history__tabs-item {
        height: 50px;
        padding: 0 22px;
        font-size: 12px;
    }
}

@media (max-width: 599px) {
    .bets-history__tabs-item {
        width: 25%;
        height: 44px;
        padding: 0;
        font-size: 10px;
    }
}

.bets-history__tabs-item:not(.bets-history__tabs-item--current):hover {
    color: #babdd2;
}

.bets-history__tabs-item:not(.bets-history__tabs-item--current):hover::before {
    opacity: 1;
}

.bets-history__tabs-item-title {
    position: relative;
    z-index: 2;
}

.bets-history__tabs-item::before,
.bets-history__tabs-item::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    opacity: 0;
    transition: opacity 0.3s;
}

.bets-history__tabs-item::before {
    background: linear-gradient(180deg, #1b1f28 0%, #1c2029 100%);
}

.bets-history__tabs-item::after {
    background: linear-gradient(360deg, #683238 -2.57%, #1d212b 107.69%);
}

.bets-history__tabs-item--current {
    color: #eee;
}

.bets-history__tabs-item--current::after {
    opacity: 1;
}

.bets-history__row {
    background: #171921;
    border-radius: 6px;
    margin: 20px 0 0 0;
    padding: 25px;
}

@media (max-width: 599px) {
    .bets-history__row {
        padding: 15px;
        margin: 10px 0 0 0;
    }
}

.coinflip-history-bets {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #747682 fz14 lh18px;
}

.coinflip-history-bets img {
    width: 30px;
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
}

.coinflip-history-bets__time {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #b2b2bb;
}

.seed-modal__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #d5d5e3;
}

.seed-modal__text {
    color: #9999ac;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
}

.seed-modal-main .dice-provably__current-wrap {
    margin-top: 30px;
}

.dice-history-bet__provably {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 7px 21px;
    font-weight: 800;
    font-size: 10px;
    line-height: 18px;
    color: #a1a3ae;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid #373a4f;
}

.terms__section-title {
    font-weight: 300;
    font-size: 22px;
}

.terms__list {
    list-style: none;
    counter-reset: li;
    margin-top: 8px;
}

.terms__list li:before {
    counter-increment: li;
    content: counters(li, ".") ". ";
    font-weight: 500;
}

.terms__list_sublist {
    color: #b5b6c0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
}

.terms__list_sublist li:not(:last-of-type) {
    margin-bottom: 6px;
}

.terms__main-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #d6d7dc;
    margin-top: 15px;
}

.terms__warning {
    margin-top: 4px;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #f5705e;
}

.payment-methods__gifts .payment-methods__item-logo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    -o-object-fit: cover;
    object-fit: cover;
}

.payment-methods__gifts .payment-methods__item-row_name {
    position: absolute;
    z-index: 11;
    top: 13px;
    left: 13px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

.payment-methods__gifts .payment-methods__item-row_card {
    position: absolute;
    z-index: 11;
    bottom: 30px;
    left: 12px;
    color: #8e909e;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
}

.payment-methods__gifts .payment-methods__item-row_plg {
    position: absolute;
    z-index: 11;
    bottom: 14px;
    left: 13px;
    color: #f5705e;
    font-weight: 600;
    font-size: 8px;
    line-height: 11px;
    text-transform: uppercase;
}

.gifts-code-wrap {
    position: relative;
    width: 100%;
}

.gifts-code-wrap__icon {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    color: #474a59;
    transition: color 0.3s ease;
}

.gifts-code-wrap__icon path {
    stroke: currentColor;
    fill: currentColor;
}

.gifts-code-wrap__icon:hover {
    color: #9498af;
}

.gifts-code-wrap__icon:last-of-type {
    left: auto;
    right: 15px;
    cursor: pointer;
}

.gifts-code-wrap__input {
    padding-left: 50px;
}

.deposit__table {
    margin: 20px 0 0 0;
    padding: 20px;
    background: #171921;
    border-radius: 6px;
}

.deposit .table__currency {
    font-weight: 600;
}

@media (max-width: 599px) {
    .deposit .provably__navigation .ant-segmented-group .ant-segmented-item {
        flex: 1 1 auto;
    }
}

.payment-methods {
    display: flex;
    flex-wrap: wrap;
    margin: -8px -4px 0;
    height: -moz-max-content;
    height: max-content;
}

.payment-methods--narrow {
    width: 778px;
    flex-shrink: 0;
}

@media (max-width: 1400px) {
    .payment-methods--narrow {
        width: 640px;
    }
}

@media (max-width: 1200px) {
    .payment-methods--narrow {
        width: 530px;
    }
}

@media (max-width: 900px) {
    .payment-methods--narrow {
        width: 100%;
        margin: 0;
        gap: 8px;
    }
}

.payment-methods__item {
    height: 120px;
    box-sizing: border-box;
    width: 16.6666%;
    padding: 0 4px;
    margin: 8px 0 0 0;
}

@media (max-width: 1200px) {
    .payment-methods__item {
        width: 20%;
        height: 112px;
    }
}

@media (max-width: 900px) {
    .payment-methods__item {
        width: 25%;
    }
}

@media (max-width: 760px) {
    .payment-methods__item {
        width: 33.33%;
    }
}

@media (max-width: 599px) {
    .payment-methods__item {
        height: 84px;
        width: 33.33%;
    }
}

.payment-methods--narrow .payment-methods__item {
    width: 25%;
}

@media (max-width: 900px) {
    .payment-methods--narrow .payment-methods__item {
        width: calc(25% - 6px);
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 599px) {
    .payment-methods--narrow .payment-methods__item {
        width: calc(33.33% - 6px);
    }
}

.payment-methods__item-unit {
    width: 100%;
    height: 100%;
    background: linear-gradient(347.72deg, #1a1d26 8.14%, #171921 91.81%);
    border-radius: 6px;
    display: flex;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.payment-methods__item-unit::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.payment-methods__item-unit--eth::before {
    background-image: url("/assets/icons/deposit/eth.svg");
}

.payment-methods__item-unit--btc::before {
    background-image: url("/assets/icons/deposit/btc.svg");
}

.payment-methods__item-unit--usdt::before {
    background-image: url("/assets/icons/deposit/usdt.svg");
}

.payment-methods__item-unit--ltc::before {
    background-image: url("/assets/icons/deposit/litecoin.svg");
}

.payment-methods__item-unit--xrp::before {
    background-image: url("/assets/icons/deposit/bnb.svg");
}

.payment-methods__item-unit--bnb20::before {
    background-image: url("/assets/icons/deposit/bnb.svg");
}

.payment-methods__item-unit--trx::before {
    background-image: url("/assets/icons/deposit/tron.svg");
}

.payment-methods__item-unit--usdc::before {
    background-image: url("/assets/icons/deposit/usdc.svg");
}

.payment-methods__item-unit--plg::before {
    background-image: url("/assets/icons/deposit/plg-ic.svg");
}

.payment-methods__item-unit--ton::before {
    background-image: url("/assets/icons/deposit/ton.svg");
}

.payment-methods__item-unit--sol::before {
    background-image: url("/assets/icons/deposit/solana.svg");
}

.payment-methods__item-unit--not::before {
    background-image: url("/assets/icons/deposit/not-new.svg");
}

.payment-methods__item-unit--dogs::before {
    background-image: url("/assets/icons/deposit/usdt.svg");
}

.payment-methods__item-unit--cati::before {
    background-image: url("/assets/icons/deposit/usdt.svg");
}

.payment-methods__item-unit::after {
    width: 23px;
    height: 23px;
    background: #271e24 url("/assets/icons/method-selected-icon.svg") 50% no-repeat;
    background-size: 17px;
    border-radius: 4px;
    position: absolute;
    top: 10px;
    right: 10px;
    content: "";
    transition: opacity 0.15s, transform 0.15s;
    opacity: 0;
    transform: scale(0);
}

.payment-methods__item-unit--checked {
    outline: 2px solid #643137;
    outline-offset: -2px;
}

.payment-methods__item-unit--checked::after {
    opacity: 1;
    transform: scale(1);
}

.payment-methods__item-unit--fast::before {
    color: #dff4ec;
    background: linear-gradient(305.54deg, #326851 2.6%, #24493c 73.78%);
    content: "Fast";
}

.payment-methods__item-unit--slow::before {
    color: #ffcfc9;
    background: linear-gradient(305.54deg, #653137 2.6%, #4d2831 73.78%);
    content: "Slow";
}

.payment-methods__item-unit_gift .payment-methods__item-logo {
    scale: 1;
    transition: all 0.3s ease;
}

.payment-methods__item-unit_gift:hover .payment-methods__item-logo {
    transition: all 0.3s ease;
    scale: 1.1;
}

.payment-methods__item-row {
    width: 100%;
    height: 100%;
    position: relative;
}

.payment-methods__item-row::before,
.payment-methods__item-row::after {
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s;
}

.payment-methods__item-row::before {
    background: linear-gradient(360deg, #212532 -10%, #1c1f28 110%);
}

.payment-methods__item-unit:not(.payment-methods__item-unit--checked):hover .payment-methods__item-row::before {
    opacity: 0.4;
}

.payment-methods__item-row::after {
    background: linear-gradient(360deg,
            rgba(100, 49, 55, 0.26) -10%,
            rgba(28, 31, 40, 0.26) 110%);
}

.payment-methods__item-unit--checked .payment-methods__item-row::after {
    opacity: 1;
}

.payment-methods__item-logo {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 1400px) {
    .payment-methods__item-logo {
        width: 160px;
    }
}

@media (max-width: 599px) {
    .payment-methods__item-logo {
        width: 120px;
    }
}

.payment-methods__item-badge {
    line-height: 23px;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #747682;
    font-weight: 800;
    font-size: 8px;
    text-transform: uppercase;
    padding: 0 7px;
    background: #252734;
    border-radius: 4px;
    transition: background 0.3s, color 0.3s;
}

.payment-methods__item-unit:not(.payment-methods__item-unit--checked):hover .payment-methods__item-badge {
    background: #272a38;
    color: #9a9cad;
}

.payment-methods__item-unit--checked .payment-methods__item-badge {
    background: #362b37;
    color: #b99a9e;
}

@media (max-width: 1500px) {
    .payment-methods__item-badge {
        line-height: 18px;
        font-size: 7px;
        padding: 0 5px;
    }
}

@media (max-width: 500px) {
    .payment-methods__item-badge {
        max-width: calc(100% - 20px);
        overflow: hidden;
        box-sizing: border-box;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.payment-section {
    margin: 20px 0 0 0;
}

.payment-section--column {
    display: flex;
}

.payment-section--column_deposit {
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 900px) {
    .payment-section--column {
        flex-wrap: wrap;
    }
}

.payment-section__deposit .payment-methods--narrow {
    width: 100%;
}

.payment-section__deposit .payment-form__row-title {
    display: flex;
    align-items: center;
    gap: 5px;
}

.payment-section__deposit .payment-methods__item {
    flex: 0 0 16.667%;
}

@media screen and (max-width: 1365px) {
    .payment-section__deposit .payment-methods__item {
        flex: 0 0 20%;
    }
}

@media screen and (max-width: 1092px) {
    .payment-section__deposit .payment-methods__item {
        flex: 0 0 25%;
    }
}

@media screen and (max-width: 900px) {
    .payment-section__deposit .payment-methods__item {
        flex: 1 0 25%;
    }
}

.payment-section__deposit .payment-form.payment-form--narrow {
    margin-left: 0px;
    flex-direction: row;
    align-items: center;
}

@media screen and (max-width: 800px) {
    .payment-section__deposit .payment-form.payment-form--narrow {
        flex-direction: column;
        height: 270px;
        align-items: normal;
        margin-top: 0 !important;
    }
}

.payment-section__deposit .payment-form.payment-form--narrow .payment-form__row--amount {
    flex: 0 1 500px;
    margin-right: 40px;
}

@media screen and (max-width: 900px) {
    .payment-section__deposit .payment-form.payment-form--narrow .payment-form__row--amount {
        margin-right: 20px;
    }
}

.payment-section__deposit .payment-form__row:nth-child(2) {
    flex: 0 1 360px;
    margin-right: 40px !important;
    margin-top: 0 !important;
}

@media screen and (max-width: 900px) {
    .payment-section__deposit .payment-form__row:nth-child(2) {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 800px) {
    .payment-section__deposit .payment-form__row:nth-child(2) {
        width: 100%;
    }
}

.payment-form--narrow .payment-section__deposit:last-of-type {
    margin: 23px 0 0 0;
}

.payment-section__deposit .payment-form__row--button {
    min-width: 200px;
}

.payment-form {
    display: flex;
    border-radius: 6px;
    justify-content: space-between;
}

.payment-form__copy {
    position: absolute;
    bottom: 10px;
    right: 12px;
}

.payment-form--wide {
    margin: 15px 0 0 0;
    width: 100%;
    background: #1d202a;
}

@media (max-width: 900px) {
    .payment-form--wide {
        flex-wrap: wrap;
    }
}

.payment-form--narrow {
    flex-grow: 1;
    flex-direction: column;
    background: #1d202a;
    margin: 0 0 0 20px;
    box-sizing: border-box;
    padding: 20px;
}

@media (max-width: 900px) {
    .payment-form--narrow {
        margin: 15px 0 0 0;
    }
}

.payment-form__row {
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}

.payment-form__row--double-fields {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.payment-form--narrow .payment-form__row {
    padding: 0;
}

.payment-form__row+.payment-form__row {
    border-left: 1px solid #181b24;
}

.payment-form--narrow .payment-form__row+.payment-form__row {
    border-left: none;
}

.payment-form--narrow .payment-form__row+.payment-form__row {
    margin: 9px 0 0 0;
}

.payment-form--narrow .payment-form__row+.payment-form__row:last-of-type {
    margin: 18px 0 0 0;
    align-items: flex-end;
}

@media (max-width: 900px) {
    .payment-form__row+.payment-form__row {
        border-left: none;
    }

    .payment-form__row+.payment-form__row:not(.payment-form--narrow .payment-form__row + .payment-form__row) {
        padding: 0 20px 20px 20px;
    }
}

.payment-form__row--amount {
    width: 502px;
}

@media (max-width: 1200px) {
    .payment-form__row--cryptopage {
        width: 380px;
    }
}

@media (max-width: 900px) {
    .payment-form__row--cryptopage {
        width: 100%;
    }
}

.payment-form__row--amount-wide {
    width: 742px;
}

@media (max-width: 1200px) {
    .payment-form__row--amount-wide {
        width: 600px;
    }
}

@media (max-width: 900px) {
    .payment-form__row--amount-wide {
        width: 100%;
    }
}

.payment-form__row--amount-narrow {
    width: 100%;
    padding: 0;
}

.payment-form__row--button {
    display: flex;
    flex-grow: 1;
    border-radius: 0 6px 6px 0;
    background: linear-gradient(258.02deg,
            rgba(241, 188, 108, 0.06) 8.46%,
            rgba(29, 32, 42, 0.06) 78.25%);
}

.payment-form--narrow .payment-form__row--button {
    border-radius: 0;
    background: none;
}

@media (max-width: 900px) {
    .payment-form__row--button {
        border-radius: 0;
        background: none;
    }
}

@media (max-width: 599px) {
    .payment-form__row--button-cryptopage {
        width: 100%;
    }
}

.payment-form__row-top {
    display: flex;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #73768a;
    margin: 0 0 10px 0;
}

.payment-form__row-top-counter {
    font-weight: 500;
    margin: auto 0 0 auto;
    display: flex;
}

.payment-form__row-top-counter-green {
    font-weight: 600;
    color: #7ec76c;
    margin-left: 5px;
}

.payment-form__row-top-counter-light {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #bbbfcf;
    margin-left: 5px;
}

.payment-form__row-top-counter-light:first-of-type {
    margin-right: 5px;
}

@media (max-width: 1200px) {
    .payment-form__row-top-counter {
        font-size: 12px;
    }
}

.payment-form__row-title {
    font-size: 14px;
    line-height: 17px;
    color: #9498af;
    font-weight: 400;
}

@media (max-width: 1200px) {
    .payment-form__row-title {
        font-size: 12px;
        line-height: 16px;
    }
}

.payment-form__row-side--wide {
    flex-grow: 1;
}

.payment-form__row-side--narrow {
    max-width: 150px;
}

.payment-form__fields {
    display: flex;
}

@media (max-width: 500px) {
    .payment-form__fields--moneypage {
        flex-wrap: wrap;
        gap: 2px;
    }
}

.payment-form__fields-item {
    width: 100%;
    height: 56px;
    position: relative;
    border-left: 1px solid #151515;
    background: #171921;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    cursor: text;
    padding: 0 47px 0 62px;
    box-sizing: border-box;
}

.payment-form__fields-item:hover {
    background: #16171f;
}

.payment-form__fields-item:last-of-type {
    border-radius: 0 6px 6px 0;
}

@media (max-width: 500px) {
    .payment-form__fields--moneypage .payment-form__fields-item {
        width: 100%;
        border-radius: 6px !important;
        padding: 0 47px;
        border-left: none;
    }

    .payment-form__fields--moneypage .payment-form__fields-item::before {
        left: 15px;
    }
}

.payment-form__fields-item::before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.payment-form__fields-item img {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    -o-object-fit: cover;
    object-fit: cover;
}

.payment-form__fields-item:first-of-type {
    border-left: none;
    border-radius: 6px 0 0 6px;
    padding: 0 47px;
}

@media (max-width: 1200px) {
    .payment-form__fields-item:first-of-type {
        padding: 0px 20px 0px 47px;
    }
}

.payment-form__fields-item:first-of-type::before {
    left: 15px;
}

.payment-form__fields-item-row {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.payment-form__fields-item-placeholder {
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    color: #686c79;
    display: flex;
    position: absolute;
    left: 0;
    padding: inherit;
    transition: transform 0.3s, opacity 0.3s;
}

@media (max-width: 1200px) {
    .payment-form__fields-item-placeholder {
        font-size: 13px;
    }
}

.payment-form__fields-item--active .payment-form__fields-item-placeholder {
    transform: translateY(-15px);
    opacity: 0;
}

.payment-form--narrow .payment-form__fields-item-placeholder {
    font-size: 13px;
}

.payment-form__fields-item-placeholder span {
    margin: 0 4px 0 0;
}

@media (max-width: 1400px) {
    .payment-form__fields-item-placeholder span {
        display: none;
    }
}

.payment-form__fields-item-content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 0;
    transition: transform 0.3s, opacity 0.3s;
    transition-delay: 0.15s;
    opacity: 0;
    top: 15px;
}

.payment-form__fields-item--active .payment-form__fields-item-content {
    transform: translateY(-16px);
    opacity: 1;
}

.payment-form__fields-item-title {
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #686c79;
}

.payment-form__fields-item-replace {
    width: 30px;
    height: 30px;
    background: #1e202c;
    border-radius: 4px;
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: auto;
}

.payment-form__fields-item-replace svg path {
    fill: #545968;
    transition: fill 0.3s;
}

.payment-form__fields-item-replace:hover {
    background: #242837;
}

.payment-form__fields-item-replace:hover path {
    fill: #7e8599;
}

@media (max-width: 500px) {
    .payment-form__fields--moneypage .payment-form__fields-item-replace {
        right: 0;
        left: 0;
        top: auto;
        bottom: -15px;
        transform: rotate(-90deg);
    }
}

@media (max-width: 1200px) {
    .payment-form__fields-item {
        height: 50px;
        padding: 0px 20px 0px 62px;
    }

    .payment-form__fields-item::before {
        width: 20px;
        height: 20px;
    }
}

.payment-form__fields-field {
    width: 100%;
    height: 24px;
    font-weight: 500;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa;
    background: none;
    outline: none;
    border: none;
}

.payment-form__fields-field .ant-input-number-input {
    padding-left: 5px;
}

.payment-form__fields-field.ant-input-number:focus-within {
    box-shadow: none;
    outline: none;
}

.payment-form__fields-field--green .ant-input-number-input {
    color: #7ec76c;
}

@media (max-width: 1200px) {
    .payment-form__fields-field {
        font-size: 13px;
    }
}

.payment-form--narrow .payment-form__fields-field {
    font-size: 13px;
}

.payment-form__big-field {
    width: 100%;
    background: #171921;
    border-radius: 6px;
    height: 56px;
    padding: 0 18px;
    box-sizing: border-box;
    margin: 9px 0 0 0;
    font-size: 15px;
    color: #e0e2eb;
    transition: color 0.3s, background 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
}

.payment-form__big-field:focus {
    background: #12141b;
}

.payment-form__big-field:not(.payment-form__big-field:focus):hover {
    background: #16171f;
}

@media (max-width: 1200px) {
    .payment-form__big-field {
        height: 50px;
        font-size: 13px;
    }
}

.payment-form__wallet {
    color: #e0e2eb;
    font-size: 13px;
    line-height: 16px;
    padding-right: 50px;
}

.payment-form__button {
    width: 100%;
    height: 60px;
    background: #f1bc6c;
    color: #3e2f19;
    border-radius: 6px;
    margin: auto;
    transition: color 0.3s, background 0.3s;
    font-weight: 800;
    font-size: 15px;
    line-height: 28px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

@media (max-width: 760px) {
    .payment-form__button {
        font-size: 11px;
    }
}

@media (max-width: 900px) {
    .payment-form__button {
        height: 50px;
    }

    .payment-form__button--cryptopage {
        margin: auto 0 0 0;
    }
}

.payment-form--narrow .payment-form__button {
    margin: 0;
}

@media (max-width: 1200px) {
    .payment-form--narrow .payment-form__button {
        height: 50px;
    }
}

.payment-form__button-icon {
    width: 32px;
    height: 32px;
}

@media (max-width: 1500px) {
    .payment-form__button-icon {
        width: 26px;
        height: 26px;
    }

    .payment-form__button-icon svg {
        width: 100%;
        height: 100%;
    }
}

.payment-form__button path {
    transition: fill 0.3s;
}

.payment-form__button:hover {
    background: #f2c681;
    color: #554a39;
}

.payment-form__button:hover path {
    fill: #554a39;
}

.payment-form__button:disabled {
    background-color: #b28d55;
    color: #7e5c28;
    cursor: no-drop;
}

.payment-form__button:disabled path {
    transition: fill 0.3s;
    fill: currentColor;
}

.payment-form .referral__codes-item-button {
    margin-left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.payment-form .referral__codes-item-button:disabled {
    background-color: #864f4c;
    color: #53302c;
}


.payment-currency__list {
    padding-left: 42px !important;
}

.payment-currency__list_sub {
    padding-left: 32px !important;
}

.payment-currency__list_img {
    height: 20px;
    width: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px;
    border: none;
}

.payment-currency__list::before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.payment-currency__table {
    display: flex;
    padding-left: 0px !important;
    align-items: center;
}

.payment-select {
    width: 320px;
    height: 56px;
    display: flex;
    align-items: center;
    background: #232633;
    border-radius: 6px;
    margin: 9px 0 0 0;
    cursor: pointer;
    color: #e3e3ec;
    box-sizing: border-box;
    position: relative;
    transition: background 0.3s;
}

@media (max-width: 1500px) {
    .payment-select--cryptopage {
        width: 220px;
    }
}

@media (max-width: 1200px) {
    .payment-select {
        height: 50px;
    }
}

@media (max-width: 599px) {
    .payment-select--cryptopage {
        width: 100%;
    }
}

.payment-select--wide {
    width: 100%;
}

.payment-select:not(.payment-select--opened):hover {
    background: #262938;
}

.payment-select--opened {
    border-radius: 6px 6px 0 0;
    position: relative;
    z-index: 100;
    background: #272c3a;
}

.payment-select--opened::before {
    transform: rotate(180deg);
}

.payment-select::before {
    width: 0;
    right: 15px;
    top: 25px;
    margin: auto;
    position: absolute;
    border: 4px solid rgba(0, 0, 0, 0);
    border-top: 7px solid #3a4155;
    transition: border 0.3s, transform 0.3s;
    content: "";
    transform-origin: 45% 30%;
}

.payment-select--disabled::before {
    display: none;
}

.payment-select__subtitle {
    color: #9596a1;
    margin: 0 0 0 4px;
}

.payment-select__current {
    width: 100%;
    height: 56px;
    font-size: 15px;
    line-height: 18px;
    padding: 0 15px 0 45px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.payment-select__current::before {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

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

.payment-select__list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #272c3a;
    box-sizing: border-box;
    padding: 0 15px 15px 15px;
    border-radius: 0 0 6px 6px;
    max-height: 0;
    visibility: hidden;
    transition: max-height 0.3s;
    overflow: hidden;
}

.payment-select--opened .payment-select__list {
    max-height: 400px;
    visibility: visible;
}

.payment-select__item {
    width: 100%;
    display: flex;
    align-items: center;
    height: 38px;
    background: #2d3243;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 0 0 37px;
    position: relative;
    transition: background 0.3s;
}

.payment-select__item+.payment-select__item {
    margin: 1px 0 0 0;
}

.payment-select__item::before {
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.payment-select__item:hover {
    background: #363d51;
}

.skinout__logo {
    background-image: url("skinout.73ef41092a475111a505.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 220px;
    height: 130px;
    margin: 0 auto;
    border-radius: 12px;
    border: 2px solid #5eb76e;
    cursor: pointer;
    margin-top: 15px;
    position: relative;
}

.skinout__logo::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    background: url("payway_selected.ad007d1461177143d64a.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.deposit-qr {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.deposit-qr .dice-provably__current-client {
    width: 100%;
    margin-top: 10px;
}

@media screen and (max-width: 500px) {
    .deposit-qr .dice-provably__current-client_seed {
        width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 430px) {
    .deposit-qr .dice-provably__current-client_seed {
        width: 210px;
    }
}

@media screen and (max-width: 350px) {
    .deposit-qr .dice-provably__current-client_seed {
        width: 180px;
    }
}

.deposit-qr__apply {
    width: 100%;
    padding: 20px;
    color: #3e2f19;
    line-height: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border: none;
    outline: none;
    display: block;
    height: auto;
    border-radius: 6px;
    background-color: #f1bc6c !important;
    margin-top: 14px;
}

.deposit-qr__apply:hover:not([disabled]) {
    background-color: rgba(241, 188, 108, 0.9) !important;
}

.deposit-wallet__modal {
    width: 680px !important;
}

.deposit-wallet__modal .ant-modal-title {
    margin-right: 50px;
}

.deposit-wallet {
    text-align: center;
    padding-top: 20px;
}

.deposit-wallet__input-wrap {
    position: relative;
}

.deposit-wallet__address-wrap {
    text-align: center;
    background-color: #1c1e29;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    border-radius: 6px;
}

.deposit-wallet__address-wrap .payment-form__wallet {
    margin: 0;
}

.deposit-wallet__address-title {
    font-size: 12px;
    line-height: 20px;
    color: #9999ac;
    font-weight: 400;
}

.deposit-wallet__address-copy-wrap {
    display: flex;
    gap: 9px;
}

.deposit-wallet__input-wrap {
    width: 100%;
}

.deposit-wallet__qr {
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 6px;
    background-color: #1f212e;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.deposit-wallet__qr:hover {
    background-color: #2b2e3e;
}

@media screen and (max-width: 1200px) {
    .deposit-wallet__qr {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }
}

.deposit-wallet__network {
    color: #9999ac;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
}

.deposit-wallet__warning {
    color: #f58677;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 14px;
}

.deposit-wallet__timer-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}

.deposit-wallet__timer-wrap .deposit-wallet__warning {
    margin-top: 14px;
}

.deposit-wallet__timer_title {
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 20px;
    color: #9999ac;
    font-weight: 400;
}

.confirm-email {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.confirm-email__title {
    text-align: center;
}

.confirm-email .change-invite-code__confirm {
    width: 100%;
}

.confirm-email .change-invite-code__confirm:disabled:hover {
    background-color: #b28d55 !important;
}

.confirm-email__text {
    margin-top: 15px;
    text-align: center;
    font-size: 12px;
    color: #b3b3b3;
    margin-bottom: 15px;
}

.digit-box {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: linear-gradient(180deg, #1f212e 0%, #242633 100%);
    border-radius: 6px;
    color: #b7b7bc;
    font-size: 22px;
    line-height: 28px;
    margin: 0 2px;
    font-weight: 500;
}

.colon {
    font-size: 30px;
    color: #585a69;
    margin: 0 5px;
}

.deposit-timer {
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inventory__reload {
    padding: 11px;
    border: none;
    background-color: #1f212e;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}

.inventory__reload svg {
    width: 24px;
    height: 24px;
    transition: all 0.5s;
}

.inventory__reload svg path {
    stroke: #a1a3ae;
}

.inventory__reload svg:hover {
    transform: rotate(360deg);
}

@media screen and (max-width: 760px) {
    .inventory__reload {
        position: absolute;
        top: -15px;
        right: -1px;
        z-index: 5000;
    }
}

@media screen and (max-width: 760px) {
    .inventory .coinflip-filters__row {
        width: calc(50% - 6px);
    }
}

.inventory .coinflip__section-top {
    position: relative;
    margin-bottom: 20px;
}

@media (max-width: 760px) {
    .inventory .coinflip__section-top {
        margin-bottom: 15x;
    }
}

@media (max-width: 760px) {
    .inventory .offers-search {
        order: 1;
        flex: 0 0 49%;
        margin: 0;
        height: 46px;
    }

    .inventory .offers-search input {
        height: 46px;
    }
}

@media (max-width: 760px) {
    .inventory .coinflip-filters__row {
        order: 1;
    }
}

.promode {
    width: 100%;
    display: flex;
    margin: 20px 0 0 0;
}

@media (max-width: 900px) {
    .promode {
        flex-wrap: wrap;
    }
}

.promode__title {
    font-weight: 300;
    font-size: 28px;
    line-height: 34px;
    color: #d5d5e3;
}

@media (max-width: 1800px) {
    .promode__title {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (max-width: 599px) {
    .promode__title {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 500px) {
    .promode__title {
        font-size: 18px;
    }
}

.promode__inventory-list {
    width: 100%;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.promode__inventory-list li {
    height: 160px;
    width: calc(16.66% - 5px);
    margin: 0;
}

.promode__inventory-list li img {
    max-width: 120px;
}

@media (max-width: 1500px) {
    .promode__inventory-list li {
        width: calc(20% - 5px);
    }
}

@media (max-width: 1400px) {
    .promode__inventory-list li {
        width: calc(25% - 5px);
    }
}

@media (max-width: 1200px) {
    .promode__inventory-list li {
        width: calc(20% - 5px);
    }
}

@media (max-width: 900px) {
    .promode__inventory-list li {
        width: calc(25% - 5px);
    }
}

@media (max-width: 760px) {
    .promode__inventory-list li {
        width: calc(33.33% - 5px);
    }
}

@media (max-width: 599px) {
    .promode__inventory-list li {
        width: calc(50% - 5px);
    }
}

.promode__inventory-list-item {
    position: relative;
    overflow: hidden;
}

.promode__inventory-list-item::before {
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s;
    background: linear-gradient(360deg,
            rgba(100, 49, 55, 0.26) -10%,
            rgba(28, 31, 40, 0.26) 110%);
}

.promode__inventory-list-item::after {
    width: 23px;
    height: 23px;
    background-size: 17px;
    border-radius: 4px;
    position: absolute;
    bottom: 10px;
    right: 13px;
    content: "";
    transition: opacity 0.15s, transform 0.15s;
    opacity: 0;
    transform: scale(0);
}

.promode__inventory-list-item--added {
    outline: 2px solid #643137;
    outline-offset: -2px;
}

.promode__inventory-list-item--added::before {
    opacity: 1;
}

.promode__inventory-list-item--added::after {
    opacity: 1;
    transform: scale(1);
}

.promode__inventory-list-item-button {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(32, 35, 48, 0.9);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: flex;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
}

.promode__inventory-list-item-button-icon {
    width: 34px;
    height: 34px;
    background: #f1bc6c;
    border-radius: 36px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promode__inventory-list-item--added .promode__inventory-list-item-button-icon {
    transform: rotate(45deg);
    background: #ec5454;
}

.promode__inventory-list-item--added .promode__inventory-list-item-button-icon rect {
    fill: #fff;
}

.promode__inventory-list-item-button:disabled {
    cursor: no-drop;
}

.promode__inventory-list-item:hover .promode__inventory-list-item-button {
    opacity: 1;
    visibility: visible;
}

.promode__inventory-list-item--disabled {
    pointer-events: none;
    opacity: 0.3;
}

.inventory-list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px -3px 0;
}

.inventory-list__item {
    flex-shrink: 0;
    width: 16.6666%;
    margin: 6px 0 0 0;
    padding: 0 3px;
    box-sizing: border-box;
    position: relative;
}

@media (max-width: 1500px) {
    .inventory-list__item {
        width: 20%;
    }
}

@media (max-width: 1400px) {
    .inventory-list__item {
        width: 25%;
    }
}

@media (max-width: 760px) {
    .inventory-list__item {
        width: 33.33%;
    }
}

@media (max-width: 500px) {
    .inventory-list__item {
        width: 50%;
    }
}

.inventory-window__list .inventory-list__item {
    width: 25%;
    padding: 0 4px;
}

@media (max-width: 760px) {
    .inventory-window__list .inventory-list__item {
        width: 33.33333%;
        padding: 0 3px;
    }
}

@media (max-width: 599px) {
    .inventory-window__list .inventory-list__item {
        width: 50%;
    }
}

.inventory-list__item::after {
    width: 23px;
    height: 23px;
    background-size: 17px;
    border-radius: 4px;
    position: absolute;
    bottom: 10px;
    right: 13px;
    content: "";
    transition: opacity 0.15s, transform 0.15s;
    opacity: 0;
    transform: scale(0);
}

.inventory-list__item--dota::after {
    bottom: auto;
    top: 10px;
    left: 13px;
}

.inventory-list__item--added::after {
    opacity: 1;
    transform: scale(1);
}

.inventory-list__item-row {
    width: 100%;
    height: 152px;
    background: #1c1e28;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.inventory-list__item--dota .inventory-list__item-row {
    height: 124px;
    display: flex;
    flex-direction: column;
}

.inventory-window__list .inventory-list__item-row {
    height: 166px;
    background: #191b25;
}

@media (max-width: 599px) {
    .inventory-window__list .inventory-list__item-row {
        height: 140px;
    }
}

.inventory-list__item-row::before {
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s;
    background: linear-gradient(360deg,
            rgba(100, 49, 55, 0.26) -10%,
            rgba(28, 31, 40, 0.26) 110%);
}

.inventory-list__item--added .inventory-list__item-row {
    outline: 2px solid #643137;
    outline-offset: -2px;
}

.inventory-list__item--added .inventory-list__item-row::before {
    opacity: 1;
}

.inventory-list__item-price {
    padding: 0 6px;
    font-weight: 600;
    font-size: 11px;
    line-height: 22px;
    color: #7ec76c;
    background: rgba(126, 199, 108, 0.03);
    border-radius: 4px;
    margin: 0 auto 0 0;
}

.inventory-list__item-price--blurred {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.inventory-list__item-price--dota {
    position: absolute;
    top: 9px;
    right: 9px;
    background: #1c1e28;
}

.inventory-list__item-price--dota-selected {
    top: 10px;
    right: 12px;
}

@media (max-width: 1200px) {
    .inventory-list__item-price {
        font-size: 10px;
    }
}

.inventory-list__item-top {
    width: calc(100% - 20px);
    top: 10px;
    left: 10px;
    position: absolute;
    display: flex;
    justify-content: end;
    z-index: 2;
}

.inventory-list__item-tag {
    padding: 0 5px;
    line-height: 20px;
    font-weight: 600;
    font-size: 11px;
    border: 1px solid #22242f;
    border-radius: 4px;
    color: #6d6f7d;
    transition: border 0.3s;
}

.inventory-list__item-tag+.inventory-list__item-tag {
    margin: 0 0 0 4px;
}

.inventory-list__item-tag--stattrack {
    color: #ff7c32;
    border: 1px solid rgba(255, 120, 43, 0.05);
}

.inventory-selected__item:hover .inventory-list__item-tag {
    border: 1px solid #2c2e38;
}

@media (max-width: 1200px) {
    .inventory-list__item-tag {
        font-size: 10px;
    }
}

.inventory-list__item-pic {
    max-width: 120px;
    position: absolute;
    left: 0;
    right: 0;
    top: 32px;
    margin: auto;
}

.inventory-window__list .inventory-list__item-pic {
    max-width: 130px;
    top: 35px;
}

@media (max-width: 599px) {
    .inventory-window__list .inventory-list__item-pic {
        max-width: 110px;
    }
}

.inventory-list__item--dota .inventory-list__item-pic {
    width: calc(100% - 10px);
    max-width: none;
    border-radius: 4px;
    position: relative;
    top: 5px;
    margin: 0 auto;
}

@media (max-width: 1500px) {
    .inventory-list__item--dota .inventory-list__item-pic {
        width: auto;
        max-height: 90px;
    }
}

.inventory-list__item-description {
    width: calc(100% - 20px);
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.inventory-list__item-title {
    font-size: 12px;
    line-height: 15px;
    color: #c5c5ce;
}

.inventory-selected__item .inventory-list__item-title {
    font-size: 11px;
    line-height: 13px;
}

.inventory-list__item--dota .inventory-list__item-title {
    position: relative;
    margin: 11px 0 0 0;
    padding: 0 10px;
}

@media (max-width: 1500px) {
    .inventory-list__item--dota .inventory-list__item-title {
        text-align: center;
    }
}

.inventory-list__item-subtitle {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #f4f4f5;
}

.inventory-selected__item .inventory-list__item-subtitle {
    font-size: 12px;
    line-height: 15px;
}

.inventory-list__item-title,
.inventory-list__item-subtitle {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-list__item-count {
    position: absolute;
    right: 12px;
    bottom: 5px;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
}

.inventory-list__item-button {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(32, 35, 48, 0.9);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: flex;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
}

.inventory-list__item-button-icon {
    width: 34px;
    height: 34px;
    background: #f1bc6c;
    border-radius: 36px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inventory-list__item--added .inventory-list__item-button-icon {
    transform: rotate(45deg);
    background: #ec5454;
}

.inventory-list__item--added .inventory-list__item-button-icon rect {
    fill: #fff;
}

.inventory-list__item-row:hover .inventory-list__item-button {
    opacity: 1;
    visibility: visible;
}

.inventory-selected {
    width: 330px;
    max-height: 660px;
    background: #191c25;
    border-radius: 6px;
    margin: 0 0 0 20px;
    box-sizing: border-box;
    padding: 18px 0 25px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 110px;
}

@media (max-width: 1200px) {
    .inventory-selected {
        position: fixed;
        right: -400px;
        z-index: 10002;
        max-height: calc(100vh - 100px);
        top: 50%;
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    }

    .inventory-selected--opened {
        opacity: 1;
        visibility: visible;
        transform: translateY(-50%) translateX(-420px);
    }
}

.inventory-selected::before,
.inventory-selected::after {
    width: 100%;
    height: 140px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 30px;
    background: linear-gradient(0deg, #191c25 0%, rgba(17, 19, 25, 0) 100%);
    z-index: 2;
    pointer-events: none;
}

.inventory-selected__top {
    display: flex;
    align-items: center;
    padding: 0 25px;
}

.inventory-selected__button {
    width: calc(100% - 50px);
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1bc6c;
    border-radius: 6px;
    position: absolute;
    left: 0;
    bottom: 25px;
    margin: auto;
    right: 0;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    color: #3e2f19;
    transition: color 0.3s, background 0.3s;
    cursor: pointer;
    z-index: 15;
}

.inventory-selected__button:hover {
    background: #f2c681;
    color: #554a39;
}

.inventory-selected__row {
    max-height: calc(100% - 100px);
    overflow: hidden;
    position: relative;
    margin: 12px 0 0 0;
}

.inventory-selected__title {
    font-size: 19px;
    line-height: 23px;
    color: #d5d5e3;
}

.inventory-selected__counters {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #808399;
}

.inventory-selected__counters span {
    color: #adb1ce;
}

.inventory-selected__counters strong {
    font-weight: 600;
    color: #7ec76c;
}

.inventory-selected__close {
    display: none;
}

@media (max-width: 1200px) {
    .inventory-selected__close {
        display: flex;
        width: 32px;
        height: 32px;
        background: #20232f;
        border-radius: 6px;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 5px;
    }

    .inventory-selected__close path {
        transition: fill 0.3s;
    }
}

.inventory-selected__clear {
    height: 32px;
    background: #20232f;
    border-radius: 6px;
    display: flex;
    padding: 0 8px 0 12px;
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    color: #596073;
    align-items: center;
    transition: color 0.3s, background 0.3s;
    margin: 0 0 0 auto;
}

@media (max-width: 1200px) {
    .inventory-selected__clear {
        width: 32px;
        padding: 0;
        font-size: 0;
        justify-content: center;
    }
}

.inventory-selected__clear:hover {
    background: #222634;
    color: #69728a;
}

.inventory-selected__clear:hover path {
    fill: #69728a;
}

.inventory-selected__clear span {
    margin: 0 2px 0 0;
}

@media (max-width: 1200px) {
    .inventory-selected__clear span {
        display: none;
    }
}

.inventory-selected__clear path {
    transition: fill 0.3s;
}

.inventory-selected__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px 70px 25px;
}

.inventory-selected__item {
    width: calc(50% - 3px);
    height: 116px;
    background: #1d202b;
    border-radius: 6px;
    transition: background 0.3s;
    position: relative;
    margin: 6px 0 0 0;
}

.inventory-window__list .inventory-selected__item {
    width: calc(25% - 1px);
    background: #191b25;
    height: 166px;
}

.inventory-selected__item:hover {
    cursor: pointer;
    background: #212532;
}

.inventory-selected__item-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
}

.inventory-selected__item--dota .inventory-selected__item-image {
    flex-direction: column;
}

.inventory-selected__item-pic {
    max-width: 109px;
    margin: auto;
}

.inventory-selected__item--dota .inventory-selected__item-pic {
    max-width: 124px;
    border-radius: 4px;
    margin: 6px auto 0 auto;
}

@media (max-width: 1200px) {
    .inventory-selected__item-pic {
        max-width: 80px;
    }
}

.inventory-selected__item-button {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(99, 103, 123, 0.09);
    border-radius: 4px;
    transition: border 0.3s;
    z-index: 10;
}

.inventory-selected__item--dota .inventory-selected__item-button {
    bottom: 5px;
    right: 5px;
}

.inventory-selected__item-button::before {
    width: 9px;
    height: 9px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 100%;
    transition: opacity 0.3s;
    opacity: 0.75;
}

.inventory-selected__item-button:hover {
    cursor: pointer;
    border: 1px solid #292c38;
}

.inventory-selected__item-button:hover::before {
    opacity: 1;
}

.inventory-selected__item-title {
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 13px;
    color: #c5c5ce;
    position: absolute;
    bottom: 7px;
    padding: 0 27px 0 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-offers {
    width: 100%;
    display: flex;
}

.inventory-offers__row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 0 12px 0;
}

.inventory-offers__list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -3px 0 0 0;
}

.inventory-offers__list-item {
    width: calc(50% - 1.5px);
    height: 112px;
    background: #1f212c;
    border-radius: 6px;
    position: relative;
    margin: 3px 0 0 0;
}

.inventory-offers__list-item--empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.inventory-offers__list-item-empty-title {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #303341;
    margin: 4px 0 0 0;
}

.inventory-offers__list .inventory-list__item-title {
    font-size: 11px;
}

@media (max-width: 1200px) {
    .inventory-offers__list .inventory-list__item-title {
        font-size: 10px;
    }
}

.inventory-offers__list .inventory-list__item-subtitle {
    font-size: 12px;
}

@media (max-width: 1200px) {
    .inventory-offers__list .inventory-list__item-subtitle {
        font-size: 11px;
    }
}

.inventory-offers__item {
    width: calc(25% - 8px);
    background: #1c1e28;
    border-radius: 6px;
    padding: 10px;
    box-sizing: border-box;
}

@media (max-width: 1500px) {
    .inventory-offers__item {
        width: calc(33.33% - 8px);
    }
}

@media (max-width: 900px) {
    .inventory-offers__item {
        width: calc(50% - 8px);
    }
}

@media (max-width: 599px) {
    .inventory-offers__item {
        width: 100%;
    }
}

.inventory-offers__item-bottom {
    display: flex;
    margin: 10px 0 0 0;
}

.inventory-offers__item-cost {
    height: 40px;
    background: #212330;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    padding: 0 13px;
    justify-content: center;
}

.inventory-offers__item-cost-price {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #8ad976;
}

@media (max-width: 1200px) {
    .inventory-offers__item-cost-price {
        font-size: 12px;
        line-height: 14px;
    }
}

.inventory-offers__item-cost-title {
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    text-transform: uppercase;
    color: #6d6f7d;
}

.inventory-offers__item-rating {
    margin: 0 8px;
    height: 38px;
    border: 1px solid #242632;
    border-radius: 6px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 15px 0 12px;
    font-weight: 600;
    font-size: 14px;
    color: #f1bc6c;
}

.inventory-offers__item-rating::before {
    width: 20px;
    height: 20px;
    content: "";
    position: relative;
    background-size: 100%;
    margin: 0 3px 0 0;
}

@media (max-width: 1200px) {
    .inventory-offers__item-rating {
        font-size: 12px;
        padding: 0 10px 0 8px;
    }

    .inventory-offers__item-rating::before {
        width: 16px;
        height: 16px;
    }
}

.inventory-offers__item-button {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    background: #f1bc6c;
    border-radius: 6px;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    color: #3e2f19;
    transition: background 0.3s, color 0.3s;
    cursor: pointer;
}

.inventory-offers__item-button:hover {
    background: #f2c681;
    color: #554a39;
}

@media (max-width: 1200px) {
    .inventory-offers__item-button {
        font-size: 10px;
    }
}

.offer__modal {
    width: 540px !important;
}

.offer__total_price {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #7ec76c;
}

.offer__body {
    display: flex;
    margin-top: 17px;
}

@media screen and (max-width: 450px) {
    .offer__body {
        flex-wrap: wrap;
    }
}

.offer__left {
    flex: 0 0 40%;
    background-color: #11131b;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 450px) {
    .offer__left {
        flex: 0 1 100%;
    }
}

.offer__img {
    max-width: 160px;
    -o-object-fit: cover;
    object-fit: cover;
}

.offer__info {
    flex: 0 0 60%;
    padding: 27px;
    background-color: #161720;
}

@media screen and (max-width: 450px) {
    .offer__info {
        flex: 0 1 100%;
        text-align: center;
    }
}

.offer__badges {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 11px;
}

.offer__badges-tag {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #2c2e3a;
    padding: 5px;
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    color: #747682;
    text-transform: uppercase;
}

.offer__badges-tag--stattrack {
    color: #ff7c32;
    border-color: rgba(255, 120, 43, 0.0509803922);
}

@media screen and (max-width: 450px) {
    .offer__badges {
        justify-content: center;
    }
}

.offer__titles {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 9px;
}

.offer__titles_name {
    font-size: 12px;
    color: #b2b2bb;
    line-height: 15px;
}

.offer__titles_subname {
    font-size: 13px;
    color: #ebf1ff;
    font-weight: 500;
}

.offer__price {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #7ec76c;
}

.offer__trade {
    margin-top: 15px;
}

.offer__trade_title {
    font-size: 14px;
    line-height: 17px;
    color: #9498af;
}

.offer__trade_link {
    font-size: 15px;
    line-height: 18px;
    color: #f5705e;
    margin-left: 5px;
}

.offer__trade_link:hover {
    color: #f98070;
}

.offer__trade_check {
    color: #636678;
    padding: 0 33px 0 0;
    position: relative;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    cursor: default;
}

.offer__trade_check::before {
    width: 22px;
    height: 22px;
    content: "";
    background: #3a272b;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}

.main-setting-item--done .offer__trade_check::before {
    background: #3a272b url("orange-check.548ab0034e5f96ee8e1f.svg") 50% no-repeat;
}

@media (max-width: 1200px) {
    .offer__trade_check {
        padding: 0 28px 0 0;
    }

    .offer__trade_check::before {
        width: 18px;
        height: 18px;
    }
}

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

@media screen and (max-width: 450px) {
    .offer__trade_top {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.offer__trade_top-right .ant-checkbox-inner {
    background-color: #3a272b;
}

.offer__trade_input {
    position: relative;
    margin-top: 10px;
}

.offer__trade_input .field__remove {
    position: absolute;
    top: 15px;
    right: 13px;
    z-index: 9999;
}

.offer__trade_input .ant-input {
    padding-right: 35px !important;
}

.offer__status {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
    font-weight: 500;
    font-size: 16px;
}

html.ny-popup::before {
    visibility: visible;
    opacity: 1;
}

.ny-window-row {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    visibility: hidden;
    transform: scale(0.96);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ny-popup .ny-window-row {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.ny-window {
    width: 453px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background: linear-gradient(180deg, #25253a 0%, #3f4257 100%);
    padding: 42px 50px 65px 50px;
    box-sizing: border-box;
    position: relative;
}

@media (width <=1000px) {
    .ny-window {
        width: 345px;
        padding: 25px 15px 62px 15px;
        border-radius: 12px;
    }
}

.ny-window-spoiler {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.ny-window-spoiler-button {
    display: flex;
    margin-top: 24px;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(214deg, #2d3245 -45.28%, #6d7cb1 84.74%);
    cursor: pointer;
    transition: filter 0.3s;
    gap: 10px;
}

@media (width <=1000px) {
    .ny-window-spoiler-button {
        height: 52px;
        border-radius: 8px;
        gap: 6px;
    }
}

.ny-window-spoiler-button:hover {
    filter: brightness(1.2);
}

.ny-window-spoiler-button span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    flex-shrink: 0;
}

@media (width <=1000px) {
    .ny-window-spoiler-button span {
        font-size: 14px;
    }
}

.ny-window-spoiler-button i {
    flex-shrink: 0;
}

.ny-window-spoiler-button .ny-window-spoiler-button-close {
    display: none;
}

.ny-window-spoiler-button--active .ny-window-spoiler-button-open {
    display: none;
}

.ny-window-spoiler-button--active .ny-window-spoiler-button-close {
    display: block;
}

.ny-window-spoiler-list {
    width: 100%;
    display: grid;
    opacity: 0;
    transition: all 0.3s;
    max-height: 0;
    overflow-y: hidden;
}

.ny-window-spoiler-list--active {
    max-height: -moz-fit-content;
    max-height: fit-content;
    opacity: 1;
}

.ny-window-spoiler-list-item {
    color: #cdcee5;
    font-size: 16px;
}

.ny-window-spoiler-list-item:first-of-type {
    margin-top: 16px;
}

.ny-window-spoiler-list-item span {
    color: #6de59d;
    font-weight: 700;
}

@media (width <=1000px) {
    .ny-window-spoiler-list-item {
        font-size: 14px;
    }
}

.ny-window-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url("ny-close.908c22acc68e96c305e3.svg") 50% no-repeat;
    background-size: 11px;
    cursor: pointer;
    transition: opacity 0.3s, transform 0.3s;
}

.ny-window-close:hover {
    transform: rotate(90deg);
    opacity: 0.5;
}

.ny-window::before {
    width: 218px;
    height: 51px;
    content: "";
    position: absolute;
    left: 10px;
    top: -29px;
    background: url("window-top.03f87a0e84fc1fbc9123.png") no-repeat;
    background-size: 100%;
}

@media (width <=1000px) {
    .ny-window::before {
        width: 140px;
        top: -18px;
    }
}

.ny-window-ribbon {
    width: 648px;
    height: 331px;
    position: absolute;
    top: calc(100% - 35px);
    left: 50%;
    transform: translateX(-50%);
    background: url("window-ribbon.5c70c2a2b89e9b5f9a57.png") no-repeat;
    background-size: 100%;
    pointer-events: none;
    display: flex;
    padding-top: 60px;
    justify-content: center;
}

.ny-window-ribbon .ny-timer {
    gap: 20px;
}

@media screen and (max-width: 1000px) {
    .ny-window-ribbon .ny-timer {
        gap: 10px;
    }
}

.ny-window-ribbon .ny-timer__time {
    width: 160px;
}

@media screen and (max-width: 1000px) {
    .ny-window-ribbon .ny-timer__time {
        width: 120px;
    }
}

.ny-window-ribbon .ny-timer__time span {
    width: 62px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .ny-window-ribbon .ny-timer__time span {
        width: 34px;
    }
}

.ny-window-ribbon>span {
    color: rgba(255, 248, 243, 0.75);
    font-size: 41px;
    font-weight: 700;
    display: inline-block;
    height: 47px;
    display: flex;
}

@media (width <=1000px) {
    .ny-window-ribbon>span {
        font-size: 24px;
    }
}

@media (width <=1000px) {
    .ny-window-ribbon {
        width: 350px;
        height: 180px;
        top: calc(100% - 38px);
        padding-top: 24px;
    }
}

.ny-details-modal {
    width: 453px;
}

.ny-details-modal .ant-modal-content {
    padding: 34px 36px !important;
}

@media screen and (max-width: 726px) {
    .ny-details-modal .ant-modal-content {
        padding: 20px 24px !important;
    }
}

.ny-details {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ny-details>h3 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 36px;
    background: url("ny-leaders.e071847463007eb58c76.svg") 0 50% no-repeat;
    background-size: 28px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.ny-details>p,
.ny-details__finish {
    color: #cdcee5;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}

.ny-details__finish {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ny-window>h3 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 36px;
    background: url("ny-leaders.e071847463007eb58c76.svg") 0 50% no-repeat;
    background-size: 28px;
    margin: 0 auto;
}

@media (width <=1000px) {
    .ny-window>h3 {
        font-size: 18px;
        padding-left: 30px;
        background-size: 24px;
    }
}

.ny-window>p {
    margin-top: 24px;
    color: #cdcee5;
    text-align: center;
    font-size: 16px;
}

@media (width <=1000px) {
    .ny-window>p {
        margin-top: 18px;
        font-size: 14px;
    }
}

.ny .main {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}

.ny .main ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.ny .main ::-webkit-scrollbar {
    width: 3px;
}

.ny .main ::-webkit-scrollbar-thumb {
    background-color: rgba(164, 178, 228, 0.35);
    border-radius: 5px;
}

@media (width <=1200px) {
    .ny footer {
        padding: 0;
        width: 100%;
    }
}

@media (width <=600px) {
    .ny footer {
        padding: 0 0 25px 0;
    }
}

.ny header {
    position: relative;
    z-index: 20;
}

.ny header::before {
    width: 552px;
    height: 97px;
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    pointer-events: none;
    background: url("header-logo.22d554e8fd840b971bf1.png") no-repeat;
    background-size: 100%;
}

@media (width <=1600px) {
    .ny header::before {
        width: 473px;
        top: 1px;
    }
}

@media (width <=1366px) {
    .ny header::before {
        top: 23px;
    }
}

@media (width <=1200px) {
    .ny header::before {
        width: 410px;
        top: 32px;
    }
}

@media (width <=1000px) {
    .ny header::before {
        width: 300px;
        top: 48px;
    }
}

@media (width <=600px) {
    .ny header::before {
        top: 16px;
    }
}

.ny-wrapper {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 100px;
    background-color: #0e101e !important;
    background-image: url("bg.1175e9c755d7501cdd1b.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: 50% 80px !important;
    background-size: 1920px !important;
    background-position: 50% 0px !important;
    overflow: hidden;
}

@media (width <=1200px) {
    .ny-wrapper {
        background-size: 1370px !important;
    }
}

@media (width <=1000px) {
    .ny-wrapper {
        background-image: url("bg-sm.f323b0d6ac1a471acb25.jpg") !important;
        background-size: 1050px !important;
    }
}

@media (width <=600px) {
    .ny-wrapper {
        background-position: 50% 0px !important;
    }
}

.ny-wrapper * {
    box-sizing: border-box;
}

@media (width <=1000px) {
    .ny-wrapper {
        background-size: 1050px;
        padding-bottom: 75px;
        padding-top: 10px;
    }
}

.ny-logo {
    width: 584px;
    height: 391px;
    background: url("logo.7e1579eabcfc387d41d6.png") no-repeat;
    background-size: 100%;
    margin-left: -40px;
}

@media (width <=1400px) {
    .ny-logo {
        width: 370px;
        height: 270px;
        margin-left: 16px;
    }
}

@media (width <=1000px) {
    .ny-logo {
        width: 300px;
        margin: auto;
    }
}

.ny-container {
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    position: relative;
}

@media (width <=1200px) {
    .ny-container {
        padding: 0 20px;
    }
}

.ny-balance {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 16px;
    border: 1px solid rgba(95, 99, 122, 0.25);
    background: rgba(56, 60, 94, 0.18);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    padding: 12px;
    display: flex;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-weight: 24;
    line-height: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}

@media (width <=1000px) {
    .ny-balance {
        padding: 8px;
        width: -moz-max-content;
        width: max-content;
    }
}

.ny-wrapper--finished .ny-balance {
    transform: translateX(-50%) translateY(-30px);
    opacity: 0;
    visibility: hidden;
    transition-delay: 0.3s;
}

.ny-balance-row {
    padding-left: 67px;
    flex-shrink: 0;
    background: url("balance-bg.04c7eac4564f5f2d8ff3.png") 0 50% no-repeat;
    background-size: 54px;
}

@media (width <=1000px) {
    .ny-balance-row {
        background-size: 42px;
        padding-left: 52px;
    }
}

.ny-balance-row span {
    color: #ffbe82;
    font-size: 32px;
    font-weight: 900;
    line-height: 40px;
}

@media (width <=1200px) {
    .ny-balance-row span {
        font-size: 24px;
        line-height: 34px;
    }
}

.ny-balance-row h4 {
    color: rgba(210, 212, 225, 0.77);
    font-size: 13px;
    text-transform: uppercase;
}

.ny-balance button {
    height: 60px;
    padding: 0 28px;
    margin-left: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    background: linear-gradient(214deg, #530621 -45.28%, #ff4747 84.74%);
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.ny-balance button:disabled {
    cursor: no-drop;
    opacity: 0.6;
}

@media (width <=1200px) {
    .ny-balance button {
        height: 54px;
        padding: 0 25px;
        margin-left: 38px;
    }
}

@media (width <=1000px) {
    .ny-balance button {
        margin-left: 25px;
    }
}

.ny-balance button.ny-balance-button--pushed .ny-loader,
.ny-balance button.ny-balance-button--pushed::before {
    opacity: 1;
}

.ny-balance button.ny-balance-button--pushed::after,
.ny-balance button.ny-balance-button--pushed span {
    opacity: 0;
}

.ny-balance button:hover::before {
    opacity: 1;
}

.ny-balance button::before {
    height: 100%;
    width: 100%;
    background: linear-gradient(214deg, #a30320 -45.28%, #ff705c 84.74%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.3s;
}

.ny-balance button::after {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    content: "";
    background: url("ny-wand.5747ada450d918b534c4.svg") no-repeat;
    background-size: 100%;
    z-index: 2;
    position: relative;
}

.ny-balance button span {
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.ny-case {
    width: 802px;
    background: url("case-bg.b666a8fcaa8fcccf0667.png") 50% bottom no-repeat;
    background-size: 100%;
    min-height: 780px;
    position: absolute;
    right: -140px;
    top: 65px;
}

.ny-case__close {
    position: absolute;
    top: 12px;
    right: 70px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    z-index: 220;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition-delay: 0.6s;
}

@media screen and (max-width: 1000px) {
    .ny-case__close {
        top: -1px;
        right: 25px;
    }
}

.no-transition-delay {
    transition-delay: 0s !important;
}

.ny-wrapper--finished .ny-case__close {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(20px);
}

@media (width <=1200px) {
    .ny-case {
        width: 689px;
        min-height: 694px;
        right: -100px;
        top: 65px;
    }
}

@media (width <=1000px) {
    .ny-case {
        width: 460px;
        min-height: 472px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 160px;
        margin: auto;
    }
}

.ny-leaders {
    width: 416px;
    font-family: "Montserrat", sans-serif;
    margin-top: -40px;
}

@media (width <=1000px) {
    .ny-leaders {
        width: 100%;
        position: relative;
        z-index: 250;
        margin-top: 250px;
    }
}

.ny-leaders-wrapper {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 300px;
    margin-top: 16px;
    width: calc(100% + 8px);
    padding: 0 8px 0 0;
}

.ny-leaders-wrapper::-webkit-scrollbar {
    width: 3px;
}

.ny-leaders-wrapper::-webkit-scrollbar-thumb {
    background-color: #535b70;
    border-radius: 3px;
}

.ny-leaders-wrapper * {
    scrollbar-color: #535b70 rgba(166, 171, 190, 0.5490196078);
    scrollbar-width: thin;
}

@media (width <=1000px) {
    .ny-leaders-wrapper {
        max-height: 249px;
        width: calc(100% + 14px);
    }
}

.ny-leaders-top {
    width: 100%;
    display: flex;
    align-items: center;
}

.ny-leaders-top h3 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: url("ny-leaders.e071847463007eb58c76.svg") 0 50% no-repeat;
    background-size: 28px;
    padding-left: 36px;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
}

@media (width <=1200px) {
    .ny-leaders-top h3 {
        font-size: 18px;
        background-size: 22px;
        padding-left: 32px;
    }
}

.ny-leaders-question {
    width: 20px;
    height: 20px;
    background: url("ny-question.44daee09ecdf9dc58c83.svg") no-repeat;
    background-size: 100%;
    cursor: pointer;
    transition: filter 0.3s;
    margin-left: 8px;
}

.ny-leaders-question:hover {
    filter: brightness(1.5);
}

.ny-leaders-timer {
    margin-left: auto;
    text-align: right;
}

.ny-leaders-timer span {
    color: #e5e8f0;
    line-height: 19px;
    font-size: 15px;
    font-weight: 700;
}

.ny-leaders-timer h4 {
    color: #b7b7cb;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
}

.ny-leaders-list {
    display: grid;
    gap: 4px;
}

@media (width <=1000px) {
    .ny-leaders-list {
        gap: 2px;
    }
}

.ny-leaders-item {
    display: grid;
    height: 56px;
}

@media (width <=1000px) {
    .ny-leaders-item {
        height: 48px;
    }
}

.ny-leaders-item>.ny-leaders-usercard {
    border-radius: 6px;
    background: rgba(46, 59, 106, 0.8);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: background 0.3s;
    overflow: hidden;
    display: grid;
    grid-auto-flow: column;
    text-decoration: none;
    align-items: center;
    padding-right: 16px;
    grid-template-columns: 42px minmax(0%, 1fr) 90px;
}

@media screen and (max-width: 500px) {
    .ny-leaders-item>.ny-leaders-usercard {
        grid-template-columns: 40px minmax(0%, 1fr) 65px;
    }
}

.ny-leaders-item>.ny-leaders-usercard:hover {
    background: rgba(57, 71, 123, 0.8);
}

.ny-leaders-item.ny-leaders-owner>.ny-leaders-usercard::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #374577 0%, #4b5c97 100%);
    transition: filter 0.3s;
}

.ny-leaders-item.ny-leaders-owner>.ny-leaders-usercard:hover::before {
    filter: brightness(1.2);
}

.ny-leaders-item-position {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.ny-leaders-item-person {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
}

@media (width <=1000px) {
    .ny-leaders-item-person {
        font-size: 12px;
    }
}

.ny-leaders-item-person-title {
    color: #9eb9fd;
    display: block;
}

.ny-leaders-item-person-name {
    color: #fff;
    max-width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

@media screen and (max-width: 365px) {
    .ny-leaders-item-person-name {
        max-width: 100px;
    }
}

.ny-leaders-item img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

@media (width <=1000px) {
    .ny-leaders-item img {
        width: 24px;
        height: 24px;
    }
}

.ny-leaders-item-side {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ny-leaders-item-tickets {
    color: #ff8a7a;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding-right: 24px;
    background: url("ny-ticket.9cef2116045d2c8ac00e.svg") 100% 50% no-repeat;
    background-size: 20px;
}

@media (width <=1000px) {
    .ny-leaders-item-tickets {
        font-size: 14px;
        background-size: 16px;
        padding-right: 20px;
    }
}

.ny-leaders-item-money {
    text-align: right;
    color: #6de59d;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

@media (width <=1000px) {
    .ny-leaders-item-money {
        font-size: 14px;
    }
}

.ny-rules {
    position: relative;
    z-index: 2;
    width: 100%;
    display: grid;
    margin-top: 50px;
    gap: 1px;
    background: #384269;
    border-radius: 18px;
    grid-template-columns: repeat(3, 1fr);
}

@media (width <=1000px) {
    .ny-rules {
        grid-template-columns: 1fr;
        background: none;
    }
}

.ny-rules::before {
    width: 218px;
    height: 51px;
    background: url("about-left.03f87a0e84fc1fbc9123.png") no-repeat;
    background-size: 100%;
    content: "";
    top: -29px;
    left: 9px;
    position: absolute;
    z-index: 4;
    pointer-events: none;
}

@media (width <=1000px) {
    .ny-rules::before {
        width: 160px;
        top: -21px;
        left: 5px;
    }
}

.ny-rules::after {
    width: 243px;
    height: 51px;
    background: url("about-right.993b81bc04cb81501ac4.png") no-repeat;
    background-size: 100%;
    content: "";
    top: -34px;
    right: 0;
    position: absolute;
    z-index: 4;
    pointer-events: none;
}

@media (width <=1000px) {
    .ny-rules::after {
        width: 160px;
        top: -22px;
    }
}

.ny-rules-item-wrapper {
    background: linear-gradient(180deg, #364373 0%, #56669f 100%);
    position: relative;
}

.ny-rules-item-wrapper::before {
    top: 0;
    right: -11px;
    border: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #171c48;
    position: absolute;
    content: "";
}

@media (width <=1000px) {
    .ny-rules-item-wrapper::before {
        border-top: none;
        right: auto;
        top: auto;
        bottom: -10px;
        left: -1px;
        border: 10px solid rgba(0, 0, 0, 0);
        border-left: 10px solid #0e101e;
    }
}

.ny-rules-item-wrapper::after {
    bottom: 0;
    right: -11px;
    border: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #101327;
    position: absolute;
    content: "";
}

@media (width <=1000px) {
    .ny-rules-item-wrapper::after {
        border-bottom: none;
        bottom: -10px;
        right: 0;
        border: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid #0e101e;
    }
}

.ny-rules-item-wrapper:first-of-type {
    border-radius: 18px 0 0 18px;
    z-index: 3;
}

.ny-rules-item-wrapper:nth-of-type(2) {
    z-index: 2;
}

.ny-rules-item-wrapper:last-of-type {
    border-radius: 0 18px 18px 0;
}

.ny-rules-item-wrapper:last-of-type::before,
.ny-rules-item-wrapper:last-of-type::after {
    display: none;
}

@media (width <=1000px) {
    .ny-rules-item-wrapper {
        border-radius: 10px !important;
    }
}

.ny-rules-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 30px;
    position: relative;
    height: 100%;
}

@media (width <=1000px) {
    .ny-rules-item {
        padding: 12px 15px;
        justify-content: left;
    }
}

.ny-rules-item::before {
    width: 80px;
    height: 80px;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
}

@media (width <=1000px) {
    .ny-rules-item::before {
        width: 46px;
        height: 46px;
        flex-shrink: 0;
        background-repeat: no-repeat;
    }
}

.ny-rules-item-wrapper:first-of-type .ny-rules-item::before {
    background-image: url("ny-about-01.6c6f076e30e051f2fc38.png");
}

.ny-rules-item-wrapper:nth-of-type(2) .ny-rules-item::before {
    background-image: url("ny-about-02.2b34fc50555068b84933.png");
}

.ny-rules-item-wrapper:nth-of-type(3) .ny-rules-item {
    justify-content: flex-start;
    padding-left: 48px;
}

@media (width <=1000px) {
    .ny-rules-item-wrapper:nth-of-type(3) .ny-rules-item {
        min-height: 70px;
        padding: 0 80px 0 15px;
    }
}

.ny-rules-item-wrapper:nth-of-type(3) .ny-rules-item::before {
    width: 188px;
    height: 117px;
    position: absolute;
    background-image: url("ny-about-03.bfa3b596c5f1dbd015a3.png");
    right: 0;
    bottom: 0;
}

@media (width <=1000px) {
    .ny-rules-item-wrapper:nth-of-type(3) .ny-rules-item::before {
        width: 220px;
        height: 74px;
    }
}

.ny-rules-item p {
    max-width: 175px;
    color: #cacae9;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}

.ny-rules-item-wrapper:nth-of-type(3) .ny-rules-item p {
    color: #fff;
    font-weight: 500;
}

@media (width <=1000px) {
    .ny-rules-item p {
        max-width: none;
        font-size: 13px;
    }
}

@keyframes movePrizes {
    0% {
        transform: translateX(0);
    }

    1% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
}

@keyframes main_gun {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(3deg);
    }

    to {
        transform: translateY(0);
    }
}

.ny-scene {
    width: 774px;
    height: 712px;
    position: absolute;
    top: -85px;
    left: 0;
    background: url("portal.b04ace9535d02009f96d.png");
    background-size: 100%;
    background-repeat: no-repeat;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    opacity: 0;
    transform: scale(0.85);
    visibility: hidden;
}

@media (width <=1200px) {
    .ny-scene {
        width: 665px;
        height: 690px;
        top: -61px;
    }
}

@media (width <=1000px) {
    .ny-scene {
        width: 420px;
        height: 518px;
        top: -20px;
        left: 15px;
    }
}

.ny-scene--started {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 200;
}

.ny-scene-prizes {
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    align-items: center;
    left: 250px;
    opacity: 0;
    visibility: hidden;
}

@media (width <=1200px) {
    .ny-scene-prizes {
        left: 209px;
    }
}

@media (width <=1000px) {
    .ny-scene-prizes {
        left: 149px;
    }
}

.ny-scene-prizes--started {
    animation: movePrizes 5s 0.6s cubic-bezier(0.175, 0.885, 0.4, 1) 1 forwards;
}

.ny-scene-prizes-row {
    width: 300px;
    height: 314px;
    position: absolute;
    top: 181px;
    left: 251px;
    overflow: hidden;
    z-index: 2;
    -webkit-mask-image: linear-gradient(90deg,
            transparent,
            #000 15%,
            #000 80%,
            transparent 100%);
    mask-image: linear-gradient(90deg,
            transparent,
            #000 15%,
            #000 80%,
            transparent 100%);
}

.ny-wrapper--finished .ny-scene-prizes-row {
    -webkit-mask-image: none;
    mask-image: none;
}

@media (width <=1200px) {
    .ny-scene-prizes-row {
        width: 250px;
        height: 290px;
        top: 149px;
        left: 210px;
    }
}

@media (width <=1000px) {
    .ny-scene-prizes-row {
        top: 45px;
        width: 170px;
        left: 130px;
    }
}

.ny-scene-prizes-item {
    flex-shrink: 0;
    width: 196px;
    height: 196px;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: opacity 0.3s, transform 0.3s;
    position: relative;
}

@media (width <=1200px) {
    .ny-scene-prizes-item {
        width: 176px;
        height: 176px;
    }
}

@media (width <=1000px) {
    .ny-scene-prizes-item {
        width: 130px;
        height: 130px;
    }
}

.ny-scene-prizes-item::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: transform 0.3s;
}

.ny-wrapper--finished .ny-scene-prizes-item {
    opacity: 0;
}

.ny-wrapper--finished .ny-scene-prizes-item:last-of-type {
    opacity: 1;
    animation-name: main_gun;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
}

.ny-wrapper--finished .ny-scene-prizes-item:last-of-type::before {
    transform: scale(1.4);
}

.ny-scene-prizes-item--tickets::before {
    background-image: url("prize-tickets.45855d8fb03d7ba5424b.png");
}

.ny-scene-prizes-item--cashback::before {
    background-image: url("prize-cashback.7f720d4433cfe61d9cf8.png");
}

.ny-scene-prizes-item--dice::before {
    background-image: url("prize-dice.f5c2b8bf028da3a7b903.png");
}

.ny-scene-prizes-item--10::before {
    background-image: url("prize-10.4e68550475b385d3b01c.png");
}

.ny-scene-prizes-item--3::before {
    background-image: url("prize-3.78c28e13b1dc0a9895b9.png");
}

.ny-scene-prizes-item--coins-super::before {
    background-image: url("prize-coins-super.d821c6729da97022f21a.png");
}

.ny-scene-prizes-item--coins-more::before {
    background-image: url("prize-coins-more.094ef71aff7257f3e184.png");
}

.ny-scene-prizes-item--coins-two::before {
    background-image: url("prize-coins-two.6c226997267d37c4bb8a.png");
}

.ny-scene-prizes-item--coins-one::before {
    background-image: url("prize-coins-one.3e1555c45f8cfd0e96a5.png");
}

@keyframes ny-loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ny-loader {
    display: inline-block;
    position: absolute;
    width: 50px;
    opacity: 0;
    height: 50px;
    top: 6px;
}

.ny-loader div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 8px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: ny-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.ny-loader div:nth-child(1) {
    animation-delay: -0.45s;
}

.ny-loader div:nth-child(2) {
    animation-delay: -0.3s;
}

.ny-loader div:nth-child(3) {
    animation-delay: -0.15s;
}

.ny-congrats-title {
    color: #fff;
    font-size: 42px;
    font-weight: 900;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 210;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition-delay: 0.6s;
}

@media (width <=1000px) {
    .ny-congrats-title {
        font-size: 26px;
    }
}

.ny-wrapper--finished .ny-congrats-title {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(20px);
}

.ny-ribbon {
    width: 435px;
    height: 161px;
    background: url("ribbon-prize.186a31b0f19b3c9263a3.png") no-repeat;
    background-size: 100%;
    bottom: 85px;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    display: flex;
    flex-direction: column;
    padding-top: 51px;
    text-align: center;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition-delay: 0.6s;
}

@media (width <=1000px) {
    .ny-ribbon {
        width: 324px;
        padding-top: 37px;
    }
}

.ny-wrapper--finished .ny-ribbon {
    opacity: 1;
    visibility: visible;
    transform: translateY(-20px) translateX(-50%);
}

.ny-ribbon-title {
    color: #ff9892;
    font-size: 15px;
    font-weight: 700;
}

@media (width <=1000px) {
    .ny-ribbon-title {
        font-size: 13px;
    }
}

.ny-ribbon-counter {
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    line-height: 28px;
    margin-top: 3px;
}

@media (width <=1000px) {
    .ny-ribbon-counter {
        font-size: 18px;
        line-height: 22px;
    }
}

.ny-ribbon-additional {
    border-radius: 7px;
    background: rgba(22, 24, 41, 0.8);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding: 14px 16px;
    width: -moz-fit-content;
    width: fit-content;
    color: #ff8a7a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 17px auto 0 auto;
}

@media (width <=1000px) {
    .ny-ribbon-additional {
        padding: 10px 12px;
        font-size: 14px;
        line-height: 18px;
        margin: 8px auto 0 auto;
    }
}

.ny-ribbon-additional::after {
    width: 24px;
    height: 24px;
    content: "";
    background: url("ny-ticket.9cef2116045d2c8ac00e.svg") no-repeat;
    background-size: 100%;
}

@media (width <=1000px) {
    .ny-ribbon-additional::after {
        width: 18px;
        height: 18px;
    }
}

.ny-coins>* {
    pointer-events: none;
}

@media (width <=1200px) {
    .ny-coins {
        display: none;
    }
}

.ny-timer {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ny-timer .days {
    display: flex;
    align-items: center;
    gap: 3px;
}

.ny-timer__time {
    width: 65px;
    display: flex;
    align-items: center;
    gap: 1px;
}

.ny-timer__time span {
    width: 28px;
    display: block;
}

#ny-coins-01 {
    position: absolute;
    top: 237px;
    right: 486px;
}

.ny-coins-01 {
    width: 139px;
    height: 129px;
    background: url("ny-coin-01.b40c03a2f504b2ad41c3.png");
    background-size: 100%;
}

#ny-coins-02 {
    position: absolute;
    top: 348px;
    right: -109px;
}

.ny-coins-02 {
    width: 104px;
    height: 86px;
    background: url("ny-coin-02.eec5830cbb088111be4c.png");
    background-size: 100%;
}

#ny-coins-03 {
    position: absolute;
    top: 629px;
    right: 459px;
}

.ny-coins-03 {
    width: 146px;
    height: 136px;
    background: url("ny-coin-03.8774cd04ade3cd40a00f.png");
    background-size: 100%;
}

#ny-coins-04 {
    position: absolute;
    top: 648px;
    right: -60px;
}

.ny-coins-04 {
    width: 275px;
    height: 252px;
    background: url("ny-coin-04.5ffc8598a1dd8c079194.png");
    background-size: 100%;
}

.ny-2024 {
    width: 174px;
    height: 58px;
    background: url("2024.f8d3a2a793e26cf97c1d.png") no-repeat;
    background-size: 100%;
    transition: filter 0.3s;
    margin-left: 32px;
    position: relative;
    z-index: 2;
}

@media (width <=1600px) {
    .ny-2024 {
        width: 140px;
        height: 47px;
    }
}

@media (width <=1400px) {
    .ny-2024 {
        display: none;
    }
}

@media (width <=1000px) {
    .ny-2024 {
        width: 90px;
        height: 30px;
        display: block;
        background: url("2024-sm.85c2040130fd4cbe3a00.png") no-repeat;
        background-size: 100%;
    }
}

@media (width <=450px) {
    .ny-2024 {
        margin-left: 14px;
    }
}

@media (width <=390px) {
    .ny-2024 {
        width: 70px;
        height: 24px;
    }
}

.ny-2024:hover {
    filter: brightness(1.2);
}

.ny-copyright {
    left: 0 !important;
}


.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    /* Enable animation */

    background-color: var(--base-color);

    width: 100%;
    border-radius: 0.25rem;
    display: inline-flex;
    line-height: 1;

    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
}

.react-loading-skeleton::after {
    content: " ";
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg,
            var(--base-color),
            var(--highlight-color),
            var(--base-color));
    transform: translateX(-100%);

    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none;
        /* Disable animation */
    }
}

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

* {
    font-family: "Montserrat", sans-serif;
}

ul,
ol {
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
}

ul,
ol {
    list-style: none;
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

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

article>*+* {
    margin-top: 1em;
}

input,
button,
textarea,
select {
    font: inherit;
}


.grecaptcha-badge {
    display: none !important;
}

html,
body {
    position: relative;
    background: #12151c;
}

html,
body,
input,
textarea,
button {
    font-family: "Montserrat", sans-serif;
}

body {
    display: flex;
}

button {
    cursor: pointer;
    background: none;
}

a {
    text-decoration: none;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #5d6071;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

input::placeholder,
textarea::placeholder {
    color: #5d6071;
    transition: color 0.3s;
}

input:hover::-moz-placeholder,
textarea:hover::-moz-placeholder {
    color: #686b7c;
}

input:hover::placeholder,
textarea:hover::placeholder {
    color: #686b7c;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: rgba(0, 0, 0, 0);
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: rgba(0, 0, 0, 0);
}

#root {
    width: 100%;
}

.app {
    width: 100%;
    height: 100%;
}

.container {
    padding: 0 25px;
    width: 100%;
    height: 100%;
}

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

.container--header {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px 0 25px;
    margin: 0;
}

.container--header.without-burger {
    padding: 0 25px 0 25px;
}

@media (max-width: 1200px) {
    .container--header {
        padding: 0;
        padding-right: 15px;
        margin: 0 0 16px 0;
    }

    .container--header.without-burger {
        padding: 0 16px 0 0;
    }
}

@media (max-width: 900px) {
    .container--header {
        position: relative;
        padding: 0;
    }
}

.container--side {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.container--side::before {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    content: "";
    background: rgba(18, 21, 28, 0.84);
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    visibility: hidden;
}

.container--side-blurred::before {
    opacity: 1;
    z-index: 1000;
    visibility: visible;
}

.ant-modal .ant-modal-close-x {
    font-size: 12px;
}

.ant-input-affix-wrapper,
.ant-input {
    background-color: #13151d;
}

.ant-form-item .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
    visibility: hidden;
    display: none;
}

.ant-form-vertical .ant-form-item-label>label::after {
    visibility: visible;
}

.ant-form-item .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::after {
    display: inline-block;
    margin-inline-end: 4px;
    color: #b6464d;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
}

.ant-modal .ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
    margin-inline-start: 0px;
}

button,
input {
    outline: none;
    border: none;
}

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

.ant-slider:hover .ant-slider-handle::after {
    border-radius: 4px;
    width: 10px;
    height: 13px;
    background-color: #fff;
    box-shadow: none;
}

.ant-slider .ant-slider-handle::after,
.ant-slider .ant-slider-handle.ant-slider-dragging::after {
    border-radius: 4px;
    width: 10px;
    height: 13px !important;
    background-color: #fff;
    box-shadow: none;
}

.ant-slider.ant-slider-disabled .ant-slider-handle::after {
    border-radius: 4px;
    width: 10px;
    height: 13px !important;
    background-color: #fff;
    box-shadow: none;
}

.ant-slider .ant-slider-handle:focus::after {
    box-shadow: none;
}

.ant-radio-wrapper {
    display: flex;
    align-items: center;
    margin-right: 1px;
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
    border-color: #ff5756;
    background-color: #ff5756;
}

.ant-radio-wrapper .ant-radio-inner::after {
    background-color: #ff5756;
}

.ant-switch .ant-switch-inner,
.ant-switch {
    border-radius: 6px;
}

.ant-switch {
    display: flex;
    background: #232633;
    align-items: center;
    color: rgba(0, 0, 0, 0);
    max-width: 50px;
}

.ant-switch:hover {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.ant-switch .ant-switch-handle::before {
    background-color: #303344;
}

.ant-switch .ant-switch-handle {
    width: 16px;
    height: 16px;
}

.ant-switch .ant-switch-inner:hover {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.ant-switch.ant-switch-checked {
    background: #232633;
}

.ant-switch.ant-switch-checked .ant-switch-handle::before {
    background-color: #7ec76c;
}

.ant-switch .ant-switch-handle {
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: 4px;
}

.ant-switch .ant-switch-handle::before {
    border-radius: 4px;
}

.ant-switch .ant-switch-inner .ant-switch-inner-checked,
.ant-switch .ant-switch-inner .ant-switch-inner-unchecked {
    color: #686c79;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
}

.ant-switch .ant-switch-inner .ant-switch-inner-unchecked {
    margin-inline-end: -7px;
}

.ant-switch:hover:not(.ant-switch-disabled) {
    background: #232633;
}

.ant-switch:focus-visible {
    outline: none;
    outline-offset: 0px;
    box-shadow: none;
}

.ant-switch.ant-switch-checked .ant-switch-inner {
    padding-inline-start: 4px;
}

.ant-switch .ant-switch-inner {
    padding-inline-end: 12px;
}

.ant-select-dropdown {
    background-color: #1d212c;
    min-width: 58px;
}

.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background-color: #2d3240;
}

.ant-select-dropdown .ant-select-item-option-content {
    color: #b2b4c3;
}

#firework-canvas {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 10000;
    opacity: 0.85;
}

.ant-message-notice-content {
    padding: 10px 20px !important;
}

.ant-message-notice-error .ant-message-notice-content {
    background-color: #fd6050 !important;
    color: #fff !important;
}

.ant-message-notice-error .anticon {
    color: #fff !important;
}

.ant-message-notice-success .ant-message-notice-content {
    background-color: #27272b !important;
}

@media screen and (max-width: 1200px) {
    .whoop.rmz-chat-bubble {
        bottom: 80px !important;
        right: 22px !important;
        left: auto !important;
    }
}

.winter-mode .winter-tree {
    position: absolute;
    display: block;
    top: 0;
    left: 28%;
    transform: translateX(-50%);
    background-image: url("/assets/images/winter-tree.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 600px;
    height: 112px;
    z-index: 1000;
}

@media screen and (max-width: 1500px) {
    .winter-mode .winter-tree {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 760px) {
    .winter-mode .winter-tree {
        max-width: 350px;
    }
}

.winter-mode .winter-wrap-roulette {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.winter-mode .winter-toy {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-56%);
    background-image: url("/assets/images/winter-toy.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 250px;
    height: 557px;
    z-index: 1;
}

@media screen and (min-width: 760px) {
    .winter-mode .winter-toy {
        top: -157px;
        width: 387px;
    }
}

@media screen and (min-width: 1500px) {
    .winter-mode .winter-toy {
        top: -158px;
        left: 300px;
    }
}

@media screen and (min-width: 1600px) {
    .winter-mode .winter-toy {
        top: -200px;
        left: 347px;
        width: 481px;
    }
}

@media screen and (min-width: 1775px) {
    .winter-mode .winter-toy {
        left: 373px;
    }
}

.winter-mode .roulette-winter-left {
    position: absolute;
    top: -18px;
    left: 6%;
    background-image: url("/assets/images/winter-roulette-left.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 227px;
    height: 24px;
    z-index: 1;
    display: block;
}

@media screen and (max-width: 900px) {
    .winter-mode .roulette-winter-left {
        display: none;
    }
}

.winter-mode .roulette-winter-center {
    position: absolute;
    top: -18px;
    left: 38%;
    background-image: url("/assets/images/winter-header.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 227px;
    height: 24px;
    z-index: 1;
    display: block;
}

@media screen and (max-width: 900px) {
    .winter-mode .roulette-winter-center {
        display: none;
    }
}

.winter-mode .roulette-winter-right {
    position: absolute;
    top: -23px;
    right: 6%;
    background-image: url("/assets/images/winter-roulette-right.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 227px;
    height: 24px;
    z-index: 1;
    display: block;
}

@media screen and (max-width: 900px) {
    .winter-mode .roulette-winter-right {
        right: 27%;
    }
}

.winter-mode .chat__room-current::after {
    content: "";
    position: absolute;
    top: -24px;
    right: 11%;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 212px;
    height: 40px;
    background-image: url("/assets/images/winter-room.png");
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.winter-mode .header::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 312px;
    height: 33px;
    background-image: url("/assets/images/winter-header.png");
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 8001;
}

@media screen and (max-width: 700px) {
    .winter-mode .header::after {
        background-image: url("/assets/images/winter-header-left.png");
        width: 149px;
        height: 28px;
        left: 0;
    }
}

@media screen and (max-width: 700px) {
    .winter-mode .header::before {
        content: "";
        background-image: url("winter-header-right.febe1707b7faa17107fc.png");
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        bottom: -24px;
        right: 0px;
        width: 205px;
        height: 46px;
        z-index: 8001;
    }
}

@media screen and (max-width: 360px) {
    .winter-mode .header::before {
        right: -20px;
    }
}

.winter-mode .left-bar::after {
    content: "";
    position: absolute;
    bottom: -13px;
    right: -25px;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 128px;
    height: 329px;
    background-image: url("/assets/images/winter-panel-bottom.png");
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (min-width: 1800px) {
    .winter-mode .left-bar::after {
        width: 138px;
    }
}

.winter-mode .left-bar::before {
    content: "";
    position: absolute;
    top: -18px;
    right: -26px;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 128px;
    height: 480px;
    background-image: url("/assets/images/winter-panel-top.png");
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 5;
}

@media screen and (max-height: 950px) {
    .winter-mode .left-bar::before {
        height: 400px;
    }
}

@media screen and (min-width: 1800px) {
    .winter-mode .left-bar::before {
        width: 140px;
    }
}

.winter-mode .left-bar__logo::after {
    width: 65px;
    height: 80px;
    position: absolute;
    right: -8px;
    bottom: 32px;
    margin: auto;
    background: url("/assets/images/winter-logo.png") no-repeat;
    background-size: 100%;
}

@media (max-width: 1800px) {
    .winter-mode .left-bar__logo::after {
        width: 60px;
        height: 80px;
        bottom: 21px;
    }
}

@media (max-width: 1200px) {
    .winter-mode .left-bar__logo::after {
        width: 49px;
        height: 62px;
        bottom: 4px;
    }
}

@media (max-width: 900px) {
    .winter-mode .left-bar__logo::after {
        width: 38px;
        height: 62px;
        bottom: -10px;
    }
}

@media (max-width: 599px) {
    .winter-mode .left-bar__logo::after {
        width: 38px;
    }
}

.winter-mode .side-left {
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 100;
    content: "";
    width: 311px;
    height: 96px;
    background-image: url("/assets/images/winter-side-left.png");
    background-repeat: no-repeat;
    pointer-events: none;
    background-size: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (max-width: 1200px) {
    .winter-mode .side-left {
        background-image: url("winter-mobile-side.f8ea2ffcda275b4efd7a.png");
        height: 48px;
        width: 329px;
        bottom: 45px;
        position: fixed;
        left: 40%;
    }
}

@media screen and (max-width: 768px) {
    .winter-mode .side-left {
        width: 291px;
        bottom: 42px;
        left: 20%;
    }
}

@media screen and (max-width: 480px) {
    .winter-mode .side-left {
        width: 291px;
        left: 10%;
    }
}

.winter-mode .side-right {
    position: fixed;
    bottom: 0;
    right: 40px;
    z-index: 100;
    content: "";
    width: 523px;
    height: 31px;
    background-image: url("/assets/images/winter-side-right.png");
    background-repeat: no-repeat;
    pointer-events: none;
    background-size: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (max-width: 1200px) {
    .winter-mode .side-right {
        display: none;
    }
}

.winter-mode .games__link--all-bets::before {
    background-image: url("winter-bets.5d0ff539ab0f86adcd64.png");
}

.winter-mode .games__link--roulette::before {
    background-image: url("/assets/images/winter-roulette.png");
}

.winter-mode .games__link--dice::before {
    background-image: url("/assets/images/winter-dice.png");
}

.winter-mode .games__link--crash::before {
    background-image: url("/assets/images/winter-crash.png");
}

.winter-mode .games__link--coinflip::before {
    background-image: url("/assets/images/winter-coinflip.png");
}

.winter-mode .games__link--all-slots::before {
    background-image: url("winter-all-slots.a09252bb454287f6189f.png");
}

.winter-mode .winter-event-link {
    display: inline-block;
    background-image: url("2025.23577ca920ed60da2802.png");
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px;
    cursor: pointer;
    width: 144px;
    height: 53px;
    margin-left: 15px;
}

@media screen and (max-width: 1700px) {
    .winter-mode .winter-event-link {
        width: 86px;
        height: 37px;
    }
}

@media screen and (max-width: 1400px) {
    .winter-mode .winter-event-link {
        margin-left: 10px;
    }
}

@media screen and (max-width: 1300px) {
    .winter-mode .winter-event-link {
        width: 76px;
        height: 26px;
    }
}

@media screen and (max-width: 900px) {
    .winter-mode .winter-event-link {
        margin-left: 60px;
        width: 90px;
        height: 35px;
    }
}

@media screen and (max-width: 430px) {
    .winter-mode .winter-event-link {
        width: 75px;
        height: 26px;
        margin-left: 55px;
    }
}

@media screen and (max-width: 400px) {
    .winter-mode .winter-event-link {
        width: 66px;
        height: 23px;
        margin-left: 50px;
    }
}

@media screen and (max-width: 1650px) {
    .winter-mode .user__name {
        display: none !important;
    }
}

.winter-mode .roll__bets {
    position: relative;
}

body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-thumb {
    background: #20232f;
    border-radius: 5px;
}

body::-webkit-scrollbar-track {
    background: #141522;
}

.demo {
    font-size: 18px;
    color: #FFF;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}