@font-face {
  font-family: 'Press Start 2P';
  src: url(/static/media/PressStart2P-Regular.21503c6a5385ab41dde9.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lexend Zetta';
  src: url(/static/media/LexendZetta-VariableFont_wght.bcb8468e5d841c65c870.ttf) format('truetype');
  font-weight: normal; /* Adjust as needed for variable weights */
  font-style: normal;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-family: "Press Start 2P";
  font-weight: normal;
  color: #E9EEFB;
  font-size: 16px;
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {

    .style_rootDiv__lsg1l {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__YwIxy {
        display: flex;
        justify-content: space-around;
        height: fit-content;
        width: 90%;

        p {
            text-decoration: none;
        }
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

    .style_rootDiv__lsg1l {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__YwIxy {
        display: flex;
        justify-content: space-around;
        height: fit-content;
        width: 90%;

        p {
            text-decoration: none;
        }
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

    .style_rootDiv__lsg1l {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__YwIxy {
        display: flex;
        justify-content: center;
        height: fit-content;

        p {
            text-decoration: none;
        }
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .style_rootDiv__lsg1l {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__YwIxy {
        display: flex;
        justify-content: center;
        height: fit-content;

        p {
            text-decoration: none;
        }
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .style_rootDiv__lsg1l {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__YwIxy {
        display: flex;
        justify-content: center;
        height: fit-content;

        p {
            text-decoration: none;
            cursor: pointer;
        }
    }
}
/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .style_homeDiv__5g4T3 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100dvh;
        width: 100%;
        background-size: cover;
        background-position: center;
        background-image: url(/static/media/HOME.d89fe61688974d3f6eae.png);
    }

    .style_homeText__zW2jA {
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 40px;
        h1 {
            margin-bottom: 50px;
            font-size: 6.4rem;
        }
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .style_homeDiv__5g4T3 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100dvh;
        width: 100%;
        min-height: 385px;
        background-size: cover;
        background-position: center;
        background-image: url(/static/media/HOME.d89fe61688974d3f6eae.png);
    }

    .style_homeText__zW2jA {
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 40px;
        h1 {
            margin-bottom: 20px;
            font-size: 4.5rem;
        }
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .style_homeDiv__5g4T3 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100dvh;
        width: 100%;
        background-size: cover;
        background-position: center;
        background-image: url(/static/media/HOME.d89fe61688974d3f6eae.png);
    }

    .style_homeText__zW2jA {
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 40px;
        h1 {
            margin-bottom: 50px;
            font-size: 6.4rem;
        }
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .style_homeDiv__5g4T3 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100dvh;
        width: 100%;
        background-size: cover;
        background-position: center;
        background-image: url(/static/media/HOME.d89fe61688974d3f6eae.png);
    }

    .style_homeText__zW2jA {
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 40px;
        h1 {
            margin-bottom: 50px;
            font-size: 6.4rem;
        }
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .style_rootDiv__SkQrb {
        display: flex;
        flex-flow: column;
        height: clamp(1450px, 180dvh, 3900px);
        width: 100%;

        .style_contentDiv__bVfpb {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%;
            background-size: cover;
            background-position: center;
            background-image: url(/static/media/HOME.d89fe61688974d3f6eae.png);

            h1 {
                margin-bottom: 20px;
                font-size: 8rem;
            }

            p {
                font-size: 1.125rem;
                margin-block: 10px;
            }
        }

        .style_footerDiv__nF3a\+ {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
            justify-items: center;
            align-items: center;
            height: 80%;
            width: 100%;
            background-color: #0d0d0d;

            h1 {
                font-size: 2rem;
            }

            .style_article__sepS6 {
                width: 50%;
                text-align: center;
                font-size: 1.125rem;
                line-height: 35px;
                margin: 30px 0 70px 0;
            }

            .style_footer__wYSkI {
                height: -webkit-fill-available;
                min-height: 250px;
                width: 100%;
                background-color: #252525;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto 1fr auto auto;
                justify-items: center;
                padding: 50px 0 0 0;

                h1 {
                    font-size: 1.125rem;
                }

                .style_contacts__wWlzC {
                    display: flex;
                    flex-flow: row;
                    align-items: center;
                    margin-block: auto;
                    column-gap: 5px;

                    p {
                        color: #525252;
                    }

                    svg {
                        height: 25px;
                        path {
                            fill: #525252;
                        }
                    }
                }

                .style_socials__Fq1af {
                    margin-block: auto;
                    display: flex;
                    column-gap: 70px;

                    svg {
                        height: 60px;
                        width: 60px;
                        background-color: #525252;
                        border-radius: 50%;
                        padding: 12px;
                        cursor: pointer;

                        path {
                            fill: #b8b8b8;
                        }
                    }

                    img {
                        height: 60px;
                        width: 60px;
                        background-color: #525252;
                        border-radius: 50%;
                        padding: 12px;
                        cursor: pointer;
                    }
                }

                .style_company__f6imM {
                    margin-block: auto;
                    display: flex;
                    column-gap: 30px;

                    img {
                        height: 70px;
                        cursor: pointer;
                    }
                }

                .style_spacer__NBaV2 {
                    width: 90%;
                    height: 2px;
                    border-radius: 3px;
                    background-color: #525252;
                    grid-column: span 3;
                }

                .style_rights__tqY98 {
                    font-size: .8rem;
                    color: #525252;
                    grid-column: span 3;
                    margin: 15px 0 20px 0;
                }
            }
        }

        * {
            font-family: "Lexend Zetta";
        }
    }
}
/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .style_rootDiv__9mAs8 {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__LO7tQ {
        display: flex;
        justify-content: space-around;
        height: fit-content;
        width: 90%;

        a {
            text-decoration: none;
        }

        svg {
           height: 30px;
           width: 30px;

           path {
               fill: white;
           }
        }
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .style_rootDiv__9mAs8 {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__LO7tQ {
        display: flex;
        justify-content: space-around;
        height: fit-content;
        width: 90%;
        a {
            text-decoration: none;
        }
        ul {
            display: flex;
            justify-content: space-around;
            align-items: center;
            list-style-type: none;
            width: 100%;
        }
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .style_rootDiv__9mAs8 {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__LO7tQ {
        display: flex;
        justify-content: center;
        height: fit-content;
        a {
            text-decoration: none;
        }
        li {
            padding-inline: 30px;
        }
        ul {
            display: flex;
            justify-content: center;
            align-items: center;
            list-style-type: none;
        }
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .style_rootDiv__9mAs8 {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.769);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__LO7tQ {
        display: flex;
        justify-content: center;
        height: fit-content;
        a {
            text-decoration: none;
        }
        li {
            padding-inline: 30px;
        }
        ul {
            display: flex;
            justify-content: center;
            align-items: center;
            list-style-type: none;
        }
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .style_rootDiv__9mAs8 {
        position: fixed;
        z-index: 100000;
        height: 80px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .style_navigation__LO7tQ {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        column-gap: 65px;
        width: 100%;
        padding-inline: 30px;

        .style_logo__JEuqd {
            font-family: "Lexend Zetta";
            font-size: 2rem;
            cursor: pointer;
        }

        .style_middle__t6P3H {
            display: grid;
            grid-template-columns: repeat(5, auto);
            grid-template-rows: auto;
            justify-items: center;
            align-items: center;
            width: 100%;
            height: 100%;
            justify-content: space-between;

            .style_home__Hh1w0{
                font-size: 0.8rem;
                cursor: pointer;
            }

            .style_store__AXaoZ {
                display: flex;
                flex-flow: row;
                align-items: center;
                column-gap: 5px;
                position: relative;
                height: 100%;

                p {
                    font-size: 0.8rem;
                    cursor: pointer;
                    text-wrap: nowrap;
                }

                svg {
                    height: 15px;
                    width: 15px;
                    margin-bottom: 4px;

                    path {
                        fill: white;
                    }
                }

                .style_dropDown__pwamH {
                    position: absolute;
                    width: 200px;
                    height: 0px;
                    top: 80px;
                    left: 50%;
                    transform: translateX(-50%);
                    transition: height .5s;
                    background-color: rgba(0, 0, 0, .5);
                    overflow: hidden;

                    button {
                        height: 50px;
                        background: none;
                        width: 100%;
                        cursor: pointer;
                        font-size: .8rem;

                        &:hover {
                            background-color: #46b6b9;
                        }
                    }
                }

                &:hover {

                   .style_dropDown__pwamH {
                       height: 150px;
                   }
                }
            }

            .style_gameFeatures__ux14H {
                display: flex;
                flex-flow: row;
                align-items: center;
                column-gap: 5px;
                position: relative;
                height: 100%;

                p {
                    font-size: 0.8rem;
                    cursor: pointer;
                    text-wrap: nowrap;
                }

                svg {
                    height: 15px;
                    width: 15px;
                    margin-bottom: 4px;

                    path {
                        fill: white;
                    }
                }

                .style_dropDown__pwamH {
                    position: absolute;
                    width: 200px;
                    height: 0px;
                    top: 80px;
                    left: 50%;
                    transform: translateX(-50%);
                    transition: height .5s;
                    background-color: rgba(0, 0, 0, 0.5);
                    overflow: hidden;

                    button {
                        height: 50px;
                        background: none;
                        width: 100%;
                        cursor: pointer;
                        font-size: .8rem;

                        &:hover {
                            background-color: #46b6b9;
                        }
                    }
                }

                &:hover {

                   .style_dropDown__pwamH {
                       height: 150px;
                   }
                }
            }

            .style_support__N-Tg4 {
                display: flex;
                flex-flow: row;
                align-items: center;
                column-gap: 5px;
                position: relative;
                height: 100%;

                p {
                    font-size: 0.8rem;
                    cursor: pointer;
                    text-wrap: nowrap;
                }

                svg {
                    height: 15px;
                    width: 15px;
                    margin-bottom: 4px;

                    path {
                        fill: white;
                    }
                }

                .style_dropDown__pwamH {
                    position: absolute;
                    width: 200px;
                    height: 0px;
                    top: 80px;
                    left: 50%;
                    transform: translateX(-50%);
                    transition: height .5s;
                    background-color: rgba(0, 0, 0, 0.5);
                    overflow: hidden;

                    button {
                        height: 50px;
                        background: none;
                        width: 100%;
                        cursor: pointer;
                        font-size: .8rem;

                        &:hover {
                            background-color: #46b6b9;
                        }
                    }
                }

                &:hover {

                   .style_dropDown__pwamH {
                       height: 100px;
                   }
                }
            }

            .style_socials__EiVWo {
                display: flex;
                flex-flow: row;
                align-items: center;
                column-gap: 5px;
                position: relative;
                height: 100%;

                p {
                    font-size: 0.8rem;
                    cursor: pointer;
                    text-wrap: nowrap;
                }

                svg {
                    height: 15px;
                    width: 15px;
                    margin-bottom: 4px;

                    path {
                        fill: white;
                    }
                }

                .style_dropDown__pwamH {
                    position: absolute;
                    width: 200px;
                    height: 0px;
                    top: 80px;
                    left: 50%;
                    transform: translateX(-50%);
                    transition: height .5s;
                    background-color: rgba(0, 0, 0, 0.5);
                    overflow: hidden;

                    button {
                        height: 50px;
                        background: none;
                        width: 100%;
                        cursor: pointer;
                        font-size: .8rem;
                        text-decoration: none;

                        &:hover {
                            background-color: #46b6b9;
                        }
                    }
                }

                &:hover {

                   .style_dropDown__pwamH {
                       height: 100px;
                   }
                }
            }
        }

        .style_right__bQrEj {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            align-items: center;
            justify-items: center;
            grid-column-gap: 10px;
            column-gap: 10px;

            .style_lastreons__bljk0 {
                color: #d7ab3a;
                margin-left: auto;
                font-size: .8rem;
            }

            img {
                height: 25px;
                width: 25px;
            }

            .style_money__zgfth {
                color: #436c2a;
                margin-left: auto;
                font-size: .8rem;
            }

            svg {
                height: 20px;
                width: 15px;

                path {
                    fill: #436c2a;
                }
            }
        }
    }
}
.style_rootDiv__kWUg3 {
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    padding-top: 80px;

    .style_loginBtn__tCzfa {
        background-color: #636363;
        border: 3px solid black;
        height: 81px;
        width: 484px;
        font-size: 1.875rem;
        cursor: pointer;
        box-shadow: inset 2px 2px 0 2px rgba(255,255,255,0.25),
                    inset -2px -6px 0 2px rgb(69, 69, 69);
        text-shadow: 6px 4px 0 rgb(69, 69, 69);

        &:hover {
            border: 3px solid white;
        }
    }

    .style_contentBox__SMnRW {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 500px;
        width: 1150px;

        .style_leftBox__mMLHa {
            display: flex;
            justify-content: space-between;
            flex-flow: column;
            height: 100%;
            align-items: center;

            .style_playerName__QPkk3 {
                background: rgba(99, 99, 99, 0.5);
                padding-block: 17px;
                width: 100%;
                text-align: center;
            }

            .style_playerSkinAndArmor__etWwH {
                display: flex;
                .style_armor__kxlN2 {
                    height: 400px;
                    width: 100px;
                    background-color: #636363;
                }
                img {
                    height: 400px;
                    background: #0d0d0d;
                    padding: 15px 70px 25px 70px;
                }
            }
        }

        .style_rightBox__SgcTY {
            background: rgba(99, 99, 99, 0.5);
            width: 670px;
            height: 500px;

            .style_statsAndInventory__UWANh {
                display: flex;
                justify-content: space-around;
                width: 100%;

                button {
                    cursor: pointer;
                    background: #636363;
                    padding: 17px 111.5px;
                    transition: background 0.5s;

                    &:hover {
                        background: #46b6b9;
                    }
                }

                .style_active__VzJKr {
                    background: #46b6b9;
                }


            }

            .style_statsInfo__oA76J {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(14, 1fr);
                height: 420px;
                align-items: center;
                margin-top: 20px;
                padding-inline: 50px;

                p {
                    height: fit-content;
                    font-size: 0.95rem;
                }

                .style_statsValue__xpt57 {
                    margin-left: auto;
                }
            }

            .style_inventoryDiv__CWrMW {
                height: 450px;
                width: 100%;
                padding: 20px;

                .style_inventoryBox__TZWGz {
                    height: 100%;
                    width: 100%;
                    background: #c6c6c6;
                }
            }
        }
    }
}
.style_rootDiv__lESL0 {
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    height: 100dvh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: absolute;

    .style_person__gsG97 {
        position: relative;
        top: 60px;
        height: 130px;
        width: 130px;
        background-color: #0D0D0D;
            border-radius: 50%;

        svg {
            padding: 31px 40px 0 40px;

            path {
                fill: #525252;
            }
        }
    }

    .style_loginBox__4cOZq {
        background-color: rgba(82, 82, 82, 0.5);
        border-radius: 25px;
        height: 300px;
        width: 640px;
        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.50);
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        justify-items: center;
        align-items: center;

        .style_inputBox__YMOeL {
            display: flex;
            flex-flow: row;
            height: 50px;
            width: 535px;

            input {
                width: 100%;
                height: 50px;
                background-color: rgba(255, 255, 255, 0.15);
                padding: 0 0 0 30px;
                font-size: 1rem;
                outline: 0;
            }

            svg {
                height: 50px;
                min-width: 50px;
                padding: 15px;
                background-color: #0D0D0D;

                path {
                    fill: white;
                }
            }
        }

        p {
            font-size: 1rem;
            color: rgba(70, 181, 185);
            cursor: pointer;
            filter: brightness(75%);
            margin-bottom: 10px;

            &:hover {
                filter: brightness(100%);
            }
        }
    }

    .style_loginBtn__SBWzl {
        height: 50px;
        width: 400px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        background-color: rgba(82, 82, 82, 0.5);
        box-shadow: inset 0 20px 20px 0 rgba(0, 0, 0, 0.50);
        cursor: pointer;
        position: relative;
        overflow: hidden;

        &:hover {
            background-color: rgba(70, 181, 185, 0.25);
        }
    }
}
.style_rootDiv__02CZr {
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    height: 100dvh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: absolute;

    .style_stepsAndRegister__Xsjq2 {
        display: flex;
    }

    .style_stepBox__3Uk3O {
        background-color: rgba(13, 13, 13);
        border-radius: 25px 0px 0px 25px;
        height: 455px;
        width: 560px;
        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.50);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 50px;
        row-gap: 17px;
        p {
            font-size: .9rem;
            font-family: "Lexend Zetta";
        }

        .style_greySmallText__ZG6mY {
            color: #989898;
            font-size: .8rem;
        }
    }

    .style_registerBox__OkIlh {
        background-color: rgba(82, 82, 82, 0.5);
        border-radius: 0px 25px 25px 0px;
        height: 455px;
        width: 560px;
        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.50);
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 1fr);
        justify-items: center;
        align-items: center;
        padding: 50px 50px 0px 50px;

        .style_inputBox__ux2Zs {
            display: flex;
            flex-flow: row;
            height: 50px;
            width: 460px;

            input {
                width: 100%;
                height: 50px;
                background-color: rgba(255, 255, 255, 0.15);
                padding: 0 0 0 30px;
                font-size: 1rem;
                outline: 0;
            }

            svg {
                height: 50px;
                min-width: 50px;
                padding: 15px;
                background-color: #0D0D0D;

                path {
                    fill: white;
                }
            }
        }
    }

    .style_sendCodeBtn__mCIM2 {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        width: 500px;
        height: 50px;
        background-color: rgba(70, 181, 185, 0.5);

        &:hover {
            background-color: #46B6B9;
        }
    }

    .style_registerBtn__12kw3 {
        height: 50px;
        width: 400px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        background-color: rgba(82, 82, 82, 0.5);
        box-shadow: inset 0 20px 20px 0 rgba(0, 0, 0, 0.50);
        cursor: pointer;
        position: relative;
        overflow: hidden;

        &:hover {
            background-color: rgba(70, 181, 185, 0.25);
        }
    }

    .style_login__kRPNg {
        display: flex;
        padding: 15px 0px 25px 0px;
        column-gap: 10px;

        p {
            color: #989898;
            font-size: .7rem;
        }

        .style_loginBtn__THPjI {
            color: rgba(70, 181, 185);
            cursor: pointer;
            filter: brightness(75%);
            margin-bottom: 10px;

            &:hover {
                filter: brightness(100%);
            }
        }
    }
}

.item_rootDiv__Obz9Y {
    height: fit-content;
    width: fit-content;

    .item_content__32a3c {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto;
        align-items: center;
        height: 82px;
        width: 546px;
        background-color: rgba(82, 82, 82, 0.5);
        border-top-left-radius: 41px;
        border-bottom-left-radius: 41px;
        transition: width .7s;

        .item_imgBox__Oyzk- {
            background-color: rgba(217, 217, 217, 0.25);
            border-radius: 50%;
            height: 82px;
            width: 82px;
            padding: 10px;
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                height: 50px;
                width: 50px;
                filter: brightness(60%);
            }
        }

        .item_title__U78I3 {
            width: 95%;
            margin-left: 20px;
        }

        .item_addToCart__RlduY {
            display: none;
        }

        &:hover {
            height: 130px;
            border-top-left-radius: 65px;
            border-bottom-left-radius: 65px;
            grid-template-columns: auto 1fr auto;
            width: 620px;
            background-color: #436C2A;

            .item_imgBox__Oyzk- {
                height: 130px;
                background-color: #D9D9D9;
                width: 130px;

                img {
                    height: 70px;
                    width: 70px;
                    filter: brightness(100%);
                }
            }

            .item_title__U78I3 {
                font-size: 1.5rem;
                width: 300px;
            }

            .item_addToCart__RlduY {
                display: block;
                display: flex;
                flex-flow: column;
                row-gap: 10px;
                margin-right: 10px;

                input {
                    background-color: #0D0D0D;
                    height: 46px;
                    width: 130px;
                    padding-inline: 15px;
                }

                .item_disabledBtn__S0ND8 {
                    cursor: not-allowed;
                }

                button {
                    background-color: #0D0D0D;
                    height: 46px;
                    width: 130px;
                    cursor: pointer;
                }
            }
        }
    }
}
.style_rootDiv__TKCAz {
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    height: 100dvh;
    min-height: 700px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 15px 0 15px;

    .style_content__rM42J {
        width: 1410px;
        height: 583px;
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(2, 1fr);
        justify-content: space-between;

        .style_filter__2Nc-s {
            background-color: #636363;
            border: 3px solid black;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 69px;
            width: 658px;
            font-size: 1rem;
            cursor: pointer;
            box-shadow: inset 2px 2px 0 2px rgba(255,255,255,0.25),
                        inset -2px -6px 0 2px rgb(69, 69, 69);
            text-shadow: 6px 4px 0 rgb(69, 69, 69);
            font-weight: normal;
            padding-inline: 24px;

            input {
                height: 90%;
                background: none;
                outline: 0;

                &::placeholder {
                    color: #989898;
                }

            }

            svg {
                height: 30px;
                width: 30px;

                path {
                    fill: #989898;
                }
            }
        }

        .style_rightSide__F9ho0 {
            display: flex;
            flex-flow: column;
            height: 100%;
            grid-row: span 2;

            .style_shopingCart__QV6Ip {
                height: -webkit-fill-available;
                width: 464px;
                background-color: rgba(82, 82, 82, 0.5);

                .style_shoppingCardTitle__HlLx9 {
                    display: flex;
                    flex-flow: row;
                    justify-content: space-between;
                    height: 69px;
                    width: 100%;
                    padding-inline: 50px;
                    align-items: center;

                    svg {
                        height: 40px;
                        width: 40px;

                        path {
                            fill: white;
                        }
                    }
                }

                .style_header__AhnZS {
                    display: grid;
                    grid-template-columns: 2fr .8fr 1fr;
                    grid-template-rows: auto;
                    padding-left: 10px;
                    margin-bottom: 20px;
                    margin-right: 30px;
                }

                .style_scrollableCard__o7oQ9 {
                    overflow-y: scroll;
                    height: 400px;
                    display: flex;
                    flex-flow: column;
                    row-gap: 20px;

                    .style_cardRow__OYLAs {
                        display: grid;
                        grid-template-rows: auto;
                        grid-template-columns: 2fr .8fr 1fr auto;
                        justify-items: start;
                        align-items: center;
                        padding-left: 10px;

                        p {
                            font-size: .8rem;
                        }

                        .style_amount__vjo7W {
                            margin-left: 10px;
                        }

                        .style_price__utnkQ {
                            margin-left: auto;
                        }

                        button {
                            background: none;
                            color: red;
                            padding-inline: 10px;
                            cursor: pointer;
                        }
                    }
                }
            }

            .style_confirmBtn__FXi-i {
                background-color: #0d0d0d;
                display: flex;
                flex-flow: column;
                height: 90px;
                width: 464px;
                justify-content: center;
                row-gap: 10px;
                align-items: center;
                cursor: pointer;
                position: relative;
                overflow: hidden;

                .style_finallPrice__mwEfW {
                    color: #989898;
                    font-size: .8rem;
                    transition: color .2s;
                }

                &:hover {
                    background-color: #436c2a;
                }
            }
        }

        .style_scrollList__iOZra {
            height: 502px;
            width: 658px;
            overflow-y: scroll;
            overflow-x: hidden;
            display: flex;
            align-items: flex-end;
            padding-right: 10px;
            flex-flow: column;
            row-gap: 20px;
        }
    }
}
.style_rootDiv__Jv5cA {
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    text-align: center;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 80px;

    .style_content__6D1r6 {
        width: 1150px;
        display: flex;
        justify-content: space-between;

        .style_vip__mf-i2 {
            width: 350px;
            height: 500px;

            .style_vipTitle__Jg9WZ {
                background: rgb(255,215,0);background: linear-gradient(58deg, rgba(255,215,0,1) 0%, rgba(255,239,153,1) 50%, rgba(255,215,0,1) 100%);
                padding: 20px;
                width: 100%;
                border-top-left-radius: 30px;
                border-top-right-radius: 30px;
                font-size: 1.125rem;
                text-shadow: 0 4px 10px rgb(69, 69, 69);
            }

            .style_vipInfo__OYjEV {
                background: rgba(82, 82, 82, 0.5);
                width: 100%;
                padding: 20px;
                line-height: 25px;
                height: 393px;
                display: flex;
                flex-flow: column;
                justify-content: space-between;
                box-shadow: 10px 10px 20px 1px #000000;

                .style_vipPrice__J1dLN {
                    display: flex;
                    flex-flow: row;
                    justify-content: center;
                    align-items: center;
                    column-gap: 10px;

                    p {
                        font-size: 2rem;
                        font-family: "Lexend Zetta";
                    }

                    img {
                        height: 30px;
                    }

                    .style_time__Ngj9R {
                        font-size: 1rem;
                    }

                    .style_yellowVip__G-NMa {
                        color: #FFD700;
                    }
                }

                .style_vipInfoText__kuPNF {
                    height: 250px;

                    p{
                        font-family: "Lexend Zetta";
                        font-size: .7rem;
                    }
                }

                .style_vipSpace__3GyJN {
                    margin-top: auto;

                    p{
                        font-family: "Lexend Zetta";
                        font-size: .7rem;
                    }
                }

                button {
                    background-color: #636363;
                    border: 3px solid black;
                    height: 80px;
                    width: 100%;
                    margin-block: 20px;
                    cursor: pointer;
                    box-shadow: inset 2px 2px 0 2px rgba(255,255,255,0.25),
                                inset -2px -6px 0 2px rgb(69, 69, 69);
                    text-shadow: 6px 4px 0 rgb(69, 69, 69);

                    &:hover {
                        border: 3px solid white;
                    }
                }
            }

            .style_buy__C7YBr {
                background: rgb(13, 13, 13);
                width: 100%;
                height: 50px;
                box-shadow: 10px 10px 20px 1px #000000;
                border-bottom-left-radius: 30px;
                border-bottom-right-radius: 30px;

                &:hover {
                    background-color: #436C2A;
                }
            }
        }

        .style_extraVip__MVV63 {
            width: 350px;
            height: 500px;

            .style_extraVipTitle__XJrXt {
                background: rgb(52,235,201);background: linear-gradient(58deg, rgba(52,235,201,1) 0%, rgba(171,255,239,1) 50%, rgba(52,235,201,1) 100%);
                padding: 20px;
                width: 100%;
                border-top-left-radius: 30px;
                border-top-right-radius: 30px;
                font-size: 1.125rem;
                text-shadow: 0 4px 10px rgb(69, 69, 69);
            }

            .style_extraVipInfo__K5E0S {
                background: rgba(82, 82, 82, 0.5);
                width: 100%;
                padding: 20px;
                line-height: 25px;
                height: 393px;
                display: flex;
                flex-flow: column;
                justify-content: space-between;
                box-shadow: 10px 10px 20px 1px #000000;

                .style_extraVipPrice__AZ8p9 {
                    display: flex;
                    flex-flow: row;
                    justify-content: center;
                    align-items: center;
                    column-gap: 10px;

                    p {
                        font-size: 2rem;
                        font-family: "Lexend Zetta";
                    }

                    img {
                        height: 30px;
                    }

                    .style_time__Ngj9R {
                        font-size: 1rem;
                    }

                    .style_blueExtraVip__-l38- {
                        color: #34EBC9;
                    }
                }

                .style_extraVipInfoText__f1uhj {
                    height: 250px;

                    p{
                        font-family: "Lexend Zetta";
                        font-size: .7rem;
                    }
                }

                .style_extraVipSpace__bBSLI {
                    margin-top: auto;

                    p{
                        font-family: "Lexend Zetta";
                        font-size: .7rem;
                    }
                }

                button {
                    background-color: #636363;
                    border: 3px solid black;
                    height: 80px;
                    width: 100%;
                    margin-block: 20px;
                    cursor: pointer;
                    box-shadow: inset 2px 2px 0 2px rgba(255,255,255,0.25),
                                inset -2px -6px 0 2px rgb(69, 69, 69);
                    text-shadow: 6px 4px 0 rgb(69, 69, 69);

                    &:hover {
                        border: 3px solid white;
                    }
                }
            }

            .style_buy__C7YBr {
                background: rgb(13, 13, 13);
                width: 100%;
                height: 50px;
                box-shadow: 10px 10px 20px 1px #000000;
                border-bottom-left-radius: 30px;
                border-bottom-right-radius: 30px;

                &:hover {
                    background-color: #436C2A;
                }
            }
        }

        .style_ultimateVip__mv84A {
            width: 350px;
            height: 500px;

            .style_ultimateVipTitle__pl7Sm {
                background: rgb(80,200,120);background: linear-gradient(58deg, rgba(80,200,120,1) 0%, rgba(173,255,200,1) 50%, rgba(80,200,120,1) 100%);
                padding: 20px;
                width: 100%;
                border-top-left-radius: 30px;
                border-top-right-radius: 30px;
                font-size: 1.125rem;
                text-shadow: 0 4px 10px rgb(69, 69, 69);
            }

            .style_ultimateVipInfo__0JsSQ {
                background: rgba(82, 82, 82, 0.5);
                width: 100%;
                padding: 20px;
                line-height: 25px;
                height: 393px;
                display: flex;
                flex-flow: column;
                justify-content: space-between;
                box-shadow: 10px 10px 20px 1px #000000;

                .style_ultimateVipPrice__4Cjay {
                    display: flex;
                    flex-flow: row;
                    justify-content: center;
                    align-items: center;
                    column-gap: 10px;

                    p {
                        font-size: 2rem;
                        font-family: "Lexend Zetta";
                    }

                    img {
                        height: 30px;
                    }

                    .style_time__Ngj9R {
                        font-size: 1rem;
                    }

                    .style_blueUltimateVip__X89mV {
                        color: #50C878;
                    }
                }

                .style_ultimateVipInfoText__-lHRp {
                    height: 250px;

                    p{
                        font-family: "Lexend Zetta";
                        font-size: .7rem;
                    }
                }

                .style_ultimateVipSpace__cQhCv {
                    margin-top: auto;

                    p{
                        font-family: "Lexend Zetta";
                        font-size: .7rem;
                    }
                }

                button {
                    background-color: #636363;
                    border: 3px solid black;
                    height: 80px;
                    width: 100%;
                    margin-block: 20px;
                    cursor: pointer;
                    box-shadow: inset 2px 2px 0 2px rgba(255,255,255,0.25),
                                inset -2px -6px 0 2px rgb(69, 69, 69);
                    text-shadow: 6px 4px 0 rgb(69, 69, 69);

                    &:hover {
                        border: 3px solid white;
                    }
                }
            }

            .style_buy__C7YBr {
                background: rgb(13, 13, 13);
                width: 100%;
                height: 50px;
                box-shadow: 10px 10px 20px 1px #000000;
                border-bottom-left-radius: 30px;
                border-bottom-right-radius: 30px;

                &:hover {
                    background-color: #436C2A;
                }
            }
        }
    }
}
.style_rootDiv__7gb8e {
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    padding-top: 80px;

    .style_content__i3viK {
        background-color: rgba(82, 82, 82, 0.5);
        height: 511px;
        width: 1122px;
        padding: 20px 30px;

        .style_header__6ubp4 {
            display: grid;
            grid-template-rows: auto;
            grid-template-columns: repeat(5, 1fr);
            justify-items: center;
            align-items: center;

            button {
                background-color: #636363;
                border: 3px solid black;
                height: 50px;
                width: 384px;
                cursor: pointer;
                box-shadow: inset 2px 2px 0 2px rgba(255,255,255,0.25),
                            inset -2px -6px 0 2px rgb(69, 69, 69);
                text-shadow: 6px 4px 0 rgb(69, 69, 69);
                grid-column: span 2;
                margin-right: auto;

                &:hover {
                    border: 3px solid white;
                }
            }

            .style_lastreons__mruO6 {
                margin-left: auto;
                grid-column: span 2;
                display: flex;
                align-items: center;
                column-gap: 10px;

                p {
                    color: #D7AB3A;
                }

                img {
                    height: 40px;
                    width: 40px;
                }
            }
        }

        .style_offers__jYW\+X {
            display: flex;
            justify-content: space-between;
            padding-top: 20px;
        }
    }
}
.offer_coinsDiv__0tJLx {
    height: 400px;
    width: 200px;
    background: rgba(13, 13, 13, 0.5);
    padding-top: 15px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;

    img {
        height: 160px;
        width: 160px;
    }

    .offer_price__JYzmH, .offer_bonusPrice__eDyak {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 10px;

        img {
            height: 40px;
            width: 40px;
        }
    }

    .offer_bonus__HALgO {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5px;

        p {
            color: #d7ab3a;
            font-size: .8rem;
        }
    }

    .offer_button__CZNAO {
        background: #0d0d0d;
        height: 50px;
        width: 200px;
        cursor: pointer;

        &:hover {
            background: #436c2a;
        }
    }
}
.style_rootDiv__p2CzM {
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    padding-top: 80px;

    .style_content__ENU0Z {
        background-color: rgba(82, 82, 82, 0.5);
        height: 511px;
        width: 1122px;
        padding: 30px 30px;
        display: flex;
        align-items: center;

        .style_main__avCUq {
            display: flex;
        }

        .style_bundleOffer__e5gSx {
            background: #0d0d0d;
            height: 444px;
            min-width: 300px;
            padding: 20px;
            display: grid;
            grid-template-columns: auto;
            grid-template-rows: repeat(7, 1fr);

            li {
                list-style: none;
                line-height: 50px;
                font-size: .9rem;
            }
        }

        .style_header__7et-R {
            padding-left: 20px;
            display: grid;
            grid-template-rows: auto;
            grid-template-columns: repeat(3, 1fr);
            align-items: start;

            p {
                color: #D7AB3A;
            }
            .style_rarity__6ep5p {
                background: rgba(13, 13, 13, 0.5);
                height: 50px;
                color: #db6f16;
                display: flex;
                align-items: center;
                width: 350px;
                justify-content: center;
            }

        }

        .style_lastreons__WM64f {
            margin-left: auto;
            grid-column: span 2;
            display: flex;
            align-items: center;
            column-gap: 10px;

            p {
                color: #D7AB3A;
            }

            img {
                height: 40px;
                width: 40px;
            }
        }
    }
}
.style_rootDiv__qhb4d {
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    height: 100dvh;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.style_loadingGif__0vwIA {
    width: 500px;
    margin-top: 50px;
}
.style_rootDiv__1pfEj {
    background-image: url(/static/media/Dirt.8b78b78d0c95cf57aaa2.webp);
    text-align: center;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;

    h1, p {
        font-size: 3rem;
        
    }
}


/*# sourceMappingURL=main.b724f6b3.css.map*/