@import"https://fonts.googleapis.com/css2?family=Barlow: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"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";

*[data-v-1e4b8686] {
    user-select: none
}

.hud[data-v-1e4b8686] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0;
    width: 100vw;
    height: 100vh;
    font-family: Rubik;
    padding: 2.2222222222vh 2.7777777778vh 3.9814814815vh 0;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    position: absolute
}

#status_list[data-v-1e4b8686] {
    position: absolute;
    left: 14%;
    bottom: 9%;
    width: 7.5%;
    max-width: 200px;
    min-width: 100px;
    transform: rotate(-90deg)
}

.status[data-v-1e4b8686] {
    padding: 1px;
    margin: -.05em
}

.status_ari[data-v-1e4b8686] {
    z-index: 2;
    height: 1.1em;
    opacity: .4;
    border-radius: 25px
}

.status_val[data-v-1e4b8686] {
    position: absolute;
    z-index: 1;
    height: 1.1em;
    opacity: .7;
    border-radius: 25px
}

.right[data-v-1e4b8686] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}

.header .logo[data-v-1e4b8686] {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.header .logo span[data-v-1e4b8686] {
    display: block;
    position: relative
}

.header .logo span[data-v-1e4b8686]:before {
    content: "";
    width: 5.0925925926vh;
    position: absolute;
    right: calc(100% + .3703703704vh)
}

.header .logo-title[data-v-1e4b8686] {
    font-weight: 800;
    background: linear-gradient(180deg, #7000FF 0%, #390082 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.7777777778vh
}

.header .logo-title[data-v-1e4b8686]:before {
    top: .6vh;
    height: 1.9444444444vh;
    background: linear-gradient(270deg, #7000FF 0%, rgba(112, 0, 255, 0) 77.27%)
}

.header .logo-subtitle[data-v-1e4b8686] {
    font-weight: 500;
    font-size: 1.8518518519vh
}

.header .logo-subtitle[data-v-1e4b8686]:before {
    top: .4vh;
    height: 1.2962962963vh;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 77.27%)
}

.header .money[data-v-1e4b8686] {
    margin-top: 2.5vh;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2.5925925926vh
}

.header .money-item[data-v-1e4b8686] {
    display: flex;
    align-items: center;
    gap: 1.3888888889vh
}

.header .money-value[data-v-1e4b8686] {
    font-weight: 500;
    font-size: 1.3888888889vh;
    text-shadow: 0 .0925925926vh 0 rgba(0, 0, 0, .67)
}

.header .money-value[data-v-1e4b8686]:before {
    content: "$"
}

.header .money-icon[data-v-1e4b8686] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.7777777778vh;
    height: 2.7777777778vh;
    background: linear-gradient(180deg, #7000FF 0%, #420097 100%);
    border-radius: .6481481481vh
}

.header .money-icon img[data-v-1e4b8686] {
    width: 1.6666666667vh;
    height: 1.6666666667vh
}

.header .money-icon[data-v-1e4b8686]:before,
.header .money-icon[data-v-1e4b8686]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-49%, -50%);
    box-sizing: border-box
}

.header .money-icon[data-v-1e4b8686]:before {
    border: .1851851852vh solid rgba(110, 1, 250, .5);
    border-radius: .8333333333vh;
    width: 3.2407407407vh;
    height: 3.2407407407vh
}

.header .money-icon[data-v-1e4b8686]:after {
    border: .0925925926vh solid rgba(110, 1, 250, .5);
    border-radius: 1.1111111111vh;
    width: 3.7962962963vh;
    height: 3.7962962963vh
}

.speedometer[data-v-1e4b8686] {
    width: 25.0925925926vh;
    height: 23.8888888889vh;
    position: absolute;
    bottom: 2vw;
    right: 2vw
}

.speedometer svg[data-v-1e4b8686] {
    overflow: visible
}

.speedometer #speed-progress[data-v-1e4b8686],
.speedometer #fuel-progress[data-v-1e4b8686] {
    transition: stroke-dashoffset .2s
}

.speedometer .speed[data-v-1e4b8686] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 22.1296296296vh;
    height: 22.1296296296vh;
    transform: rotate(-180deg)
}

.speedometer .fuel[data-v-1e4b8686] {
    transform: translate(.9259259259vh, .462962963vh) rotate(-180deg);
    width: 100%;
    height: 100%;
    position: absolute
}

.speedometer #speed-value[data-v-1e4b8686] {
    position: absolute;
    top: 12.962962963vh;
    font-weight: 500;
    font-size: 8.0555555556vh
}

.speedometer #speed-value.zero[data-v-1e4b8686]:before {
    content: "0";
    opacity: .3
}

.speedometer #speed-value[data-v-1e4b8686]:after {
    content: "KM/h";
    color: #ffffffbd;
    position: absolute;
    top: 85%;
    right: 0;
    font-weight: 500;
    font-size: 1.8518518519vh
}

.speedometer-indicators[data-v-1e4b8686] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 4.6296296296vh;
    left: 50%;
    transform: translate(-35%);
    gap: 1.0185185185vh
}

.speedometer-indicators .indicator[data-v-1e4b8686] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5925925926vh;
    height: 2.5925925926vh;
    border-radius: .6481481481vh;
    background: rgba(255, 255, 255, .12)
}

.speedometer-indicators .indicator.purple[data-v-1e4b8686] {
    background: linear-gradient(180deg, #7000FF 0%, #420097 100%)
}

.speedometer-indicators .indicator.glowing[data-v-1e4b8686] {
    box-shadow: 0 0 1.2037037037vh #ac6bff85
}

.speedometer-indicators .indicator img[data-v-1e4b8686] {
    width: 1.6666666667vh;
    height: 1.3888888889vh
}

.speedometer-indicators .top[data-v-1e4b8686] {
    display: flex;
    gap: 1.2962962963vh
}

.speedometer-indicators .bottom[data-v-1e4b8686] {
    display: flex;
    width: 6.9444444444vh;
    border-radius: .6481481481vh 0 0 .6481481481vh;
    background: linear-gradient(90deg, rgba(255, 255, 255, .31) -8.33%, rgba(255, 255, 255, 0) 100%)
}

.speedometer-indicators .gear-wrapper[data-v-1e4b8686] {
    display: flex;
    align-items: center;
    gap: 1.2037037037vh
}

.speedometer-indicators .gear-wrapper #gear-value[data-v-1e4b8686] {
    font-size: 1.6666666667vh;
    font-weight: 500
}

.speedometer .fuel-icon[data-v-1e4b8686] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 1.6666666667vh;
    height: 1.6666666667vh;
    background: linear-gradient(180deg, #FFC701 0%, #B38B00 100%);
    border-radius: .3703703704vh;
    left: 10.1851851852vh;
    top: -.6481481481vh
}

.speedometer .fuel-icon img[data-v-1e4b8686] {
    width: .7407407407vh;
    height: .7407407407vh
}

#infos[data-v-1e4b8686] {
    position: absolute;
    top: 3%;
    right: 2%;
    width: 235px;
    font-family: Teko, sans-serif
}

.info[data-v-1e4b8686] {
    background: linear-gradient(90deg, rgba(0, 0, 0, .01) 10%, rgba(0, 0, 0, .25) 100%);
    border-right: 5px solid rgb(122, 35, 235);
    border-radius: 10px;
    margin-bottom: 5px
}

.info img.badge[data-v-1e4b8686] {
    position: relative;
    height: 24px;
    width: 24px;
    float: right;
    right: 5px;
    top: 5px
}

.info .container[data-v-1e4b8686] {
    position: relative;
    width: 235px;
    height: 34px;
    right: 30px
}

.info .container .state[data-v-1e4b8686] {
    position: absolute;
    overflow: hidden;
    width: 225px;
    top: 6px;
    right: 10px;
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-align: right;
    text-overflow: ellipsis;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000000
}

.info-2[data-v-1e4b8686] {
    background: linear-gradient(90deg, rgba(0, 0, 0, .01) 10%, rgba(0, 0, 0, .25) 100%);
    border-right: 5px solid rgb(122, 35, 235);
    border-radius: 10px;
    margin-bottom: 5px;
    width: 200px;
    height: 20px
}

.info-2 img.badge[data-v-1e4b8686] {
    position: relative;
    height: 10px;
    width: 10px;
    float: right;
    right: 5px;
    top: 5px
}

.info-2 .container[data-v-1e4b8686] {
    position: relative;
    width: 200px;
    height: 20px
}

.info-2 .container .state[data-v-1e4b8686] {
    position: absolute;
    overflow: hidden;
    width: 225px;
    top: 4px;
    right: 20px;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-align: right;
    text-overflow: ellipsis;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000000
}

.info-server[data-v-1e4b8686] {
    background: linear-gradient(90deg, rgba(0, 0, 0, .01) 10%, rgba(0, 0, 0, .25) 100%);
    height: 50px;
    border-right: 5px solid rgb(122, 35, 235);
    border-radius: 10px;
    margin-bottom: 5px
}

.info-server .container[data-v-1e4b8686] {
    position: relative;
    width: 235px;
    height: 34px
}

.info-server .container .state[data-v-1e4b8686] {
    position: absolute;
    overflow: hidden;
    width: 225px;
    top: 14px;
    right: 60px;
    color: #fff;
    font-size: 20px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-align: right;
    text-overflow: clip;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000000
}

.info-server img.badge[data-v-1e4b8686] {
    position: relative;
    height: 40px;
    width: 40px;
    float: right;
    right: 5px;
    top: 5px
}

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

article[data-v-6aad8a1d] {
    width: 16.56vw;
    height: 70vh;
    margin-top: 5vh;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

article ul li[data-v-6aad8a1d] {
    width: 100%;
    height: 8.14vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1.3vh 0
}

article ul li .symbol_container[data-v-6aad8a1d] {
    position: absolute;
    z-index: 10
}

article ul li .symbol_container img[data-v-6aad8a1d] {
    max-height: 8.33vh;
    max-width: 4.36vw;
    width: 2200%;
    background-size: 100% 100%
}

article ul .informations .content_plate[data-v-6aad8a1d] {
    position: relative;
    margin-left: auto;
    width: 12.91vw;
    min-height: 3.81vh;
    background: linear-gradient(0deg, rgba(103, 2, 233, .17), rgba(103, 2, 233, .17)), linear-gradient(270deg, rgba(255, 255, 255, .46) 0%, rgba(255, 255, 255, .21) 117.49%);
    border-radius: 0 12px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

article ul .success .content_plate[data-v-6aad8a1d] {
    position: relative;
    margin-left: auto;
    width: 12.91vw;
    min-height: 3.81vh;
    background: linear-gradient(0deg, rgba(0, 255, 133, .17), rgba(0, 255, 133, .17)), linear-gradient(270deg, rgba(255, 255, 255, .46) 0%, rgba(255, 255, 255, .21) 117.49%);
    border-radius: 0 12px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

article ul .warning .content_plate[data-v-6aad8a1d] {
    position: relative;
    margin-left: auto;
    width: 12.91vw;
    min-height: 3.81vh;
    background: linear-gradient(0deg, rgba(238, 84, 84, .17), rgba(238, 84, 84, .17)), linear-gradient(270deg, rgba(255, 255, 255, .46) 0%, rgba(255, 255, 255, .21) 117.49%);
    border-radius: 0 12px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

article ul li .content_plate .header_content[data-v-6aad8a1d] {
    padding-top: .74vh
}

article ul li .content_plate .msg_content[data-v-6aad8a1d] {
    padding-bottom: .64vh
}

article ul li .content_plate .header_content[data-v-6aad8a1d],
article ul li .content_plate .msg_content[data-v-6aad8a1d] {
    width: 87%
}

article ul .informations .content_plate .timeline[data-v-6aad8a1d] {
    background: #610CD0;
    display: block;
    align-self: flex-start;
    width: 100%;
    height: .18vh
}

article ul .success .content_plate .timeline[data-v-6aad8a1d] {
    background: #0BD166;
    align-self: flex-start;
    width: 100%;
    height: .18vh
}

article ul .warning .content_plate .timeline[data-v-6aad8a1d] {
    background: #EE5454;
    align-self: flex-start;
    width: 100%;
    height: .18vh
}

article ul li .content_plate .timeline[data-v-6aad8a1d] {
    z-index: 8
}

.p-bold[data-v-6aad8a1d] {
    font-family: Rubik600;
    font-size: .52vw;
    text-transform: uppercase
}

.p-regular[data-v-6aad8a1d] {
    font-family: Rubik400;
    font-size: .52vw
}

.p-white[data-v-6aad8a1d] {
    color: #fff
}

.store-container[data-v-68901fd2] {
    position: absolute;
    background-color: #fff;
    width: 550px;
    height: 350px;
    bottom: calc(50% - 175px);
    left: calc(50% - 275px);
    border-radius: 5px
}

.logo[data-v-68901fd2] {
    position: absolute;
    right: calc(50% - 175px);
    top: calc(50% - 175px);
    -webkit-filter: drop-shadow(0 3px 10px #ccc6be);
    filter: drop-shadow(0 5px 12px #ccc6be)
}

.cinema_mode[data-v-68901fd2]:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #000;
    z-index: 0
}

.cinema_mode[data-v-68901fd2]:after {
    content: "";
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #000;
    z-index: 100
}

.cinema_on[data-v-68901fd2]:after,
.cinema_on[data-v-68901fd2]:before {
    height: 13vh;
    transition: height .7s
}

*[data-v-3ed12a97] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.General[data-v-3ed12a97] {
    gap: 1.3021vw;
    flex-direction: column;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(13.76% 17.09% at 100% -1.57%, rgba(192, 44, 44, .26) 0%, rgba(192, 44, 44, 0) 100%), radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 54.4792vw;
    padding: 3.125vw;
    padding-top: 0vw !important
}

.topSide[data-v-3ed12a97] {
    padding-right: .2604vw;
    gap: 1.3542vw;
    display: flex;
    width: 100%;
    flex-direction: row-reverse
}

.profileBox[data-v-3ed12a97] {
    display: flex;
    align-items: center;
    width: 13.125vw;
    justify-content: center;
    height: 5.4688vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, .17) 0%, rgba(255, 255, 255, 0) 100%);
    gap: .9375vw;
    cursor: pointer
}

.profileImg[data-v-3ed12a97] {
    position: relative;
    display: flex;
    width: 2.3438vw;
    height: 2.3438vw;
    background-size: cover
}

.profileImg[data-v-3ed12a97]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.3125vw;
    left: -.3125vw;
    right: -.3125vw;
    bottom: -.3125vw
}

.profileTextBox[data-v-3ed12a97] {
    gap: .3125vw;
    display: flex;
    flex-direction: column
}

.profileText[data-v-3ed12a97] {
    color: #ffffffdb;
    font-family: GilroyMedium;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.profileSubText[data-v-3ed12a97] {
    color: #ffffff75;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.infoBox[data-v-3ed12a97] {
    padding-top: 1.5625vw;
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.infoText[data-v-3ed12a97] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.infoSubText[data-v-3ed12a97] {
    width: 19.7917vw;
    color: #ffffff82;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.titleBox[data-v-3ed12a97] {
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-3ed12a97] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-3ed12a97] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-3ed12a97] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-3ed12a97] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.bottomSide[data-v-3ed12a97] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.cardBox[data-v-3ed12a97] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .8333vw;
    position: relative;
    overflow: hidden;
    width: 18.75vw;
    height: 10.0521vw;
    border-radius: .4167vw;
    border: .1042vw solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .1);
    box-shadow: .5729vw .9375vw 2.1563vw #ffffff08 inset;
    backdrop-filter: blur(1.0495vw)
}

.cardRightEffect[data-v-3ed12a97] {
    width: 11.5104vw;
    object-fit: cover;
    right: 0;
    position: absolute;
    bottom: 0;
    height: 100%
}

.cardNameBox[data-v-3ed12a97] {
    z-index: 2;
    opacity: .5;
    display: flex;
    align-items: center;
    gap: .3125vw
}

.cardLogo[data-v-3ed12a97] {
    width: 2.3438vw;
    height: 2.3438vw;
    object-fit: cover
}

.cardNameTextBox[data-v-3ed12a97] {
    display: flex;
    flex-direction: column;
    gap: .2083vw
}

.cardNameText[data-v-3ed12a97] {
    color: #fff;
    font-family: Oswald;
    font-size: .8866vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.cardNameSubText[data-v-3ed12a97] {
    color: #fff;
    font-family: Oswald;
    font-size: 17.023px;
    font-style: normal;
    font-weight: 300;
    line-height: 90%
}

.cardValidBox[data-v-3ed12a97] {
    gap: .1563vw;
    display: flex;
    align-items: center
}

.cardValidText[data-v-3ed12a97] {
    color: #ffffff96;
    text-align: center;
    font-family: Barlow;
    font-size: .4494vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.cardValidSubText[data-v-3ed12a97] {
    color: #fff;
    text-align: center;
    font-family: Barlow;
    font-size: .9vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.balanceBox[data-v-3ed12a97] {
    z-index: 4;
    padding: 0vw .8333vw;
    display: flex;
    flex-direction: column;
    gap: .3646vw;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 2.3958vw;
    background: linear-gradient(90deg, rgba(49, 255, 156, .07) 0%, rgba(49, 255, 156, 0) 50%);
    width: 100%;
    height: 3.4375vw
}

.balanceSubText[data-v-3ed12a97] {
    color: #31ff9cb0;
    font-family: GilroyRegular;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.balanceText[data-v-3ed12a97] {
    color: #31ff9c;
    text-shadow: 0px 0px 1.1875vw rgba(49, 255, 156, .55);
    font-family: GilroyBold;
    font-size: 1.4583vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.leftSide[data-v-3ed12a97] {
    display: flex;
    flex-direction: column;
    gap: 1.0417vw
}

.actionBox[data-v-3ed12a97] {
    display: flex;
    flex-direction: column;
    gap: .8333vw
}

.actionTitleBox[data-v-3ed12a97] {
    display: flex;
    align-items: center;
    gap: .3646vw;
    color: #ffffff82;
    font-family: GilroyMedium;
    font-size: .9181vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.actionList[data-v-3ed12a97] {
    width: 18.75vw;
    display: flex;
    gap: .5208vw;
    flex-direction: column
}

.actionButton[data-v-3ed12a97] {
    padding-left: 4.9479vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    gap: .3125vw;
    border-radius: .2083vw;
    width: 100%;
    height: 4.0104vw;
    transition: .2s ease-in-out
}

.actionButton[data-v-3ed12a97]:hover {
    cursor: pointer
}

.depositButton[data-v-3ed12a97] {
    border: .0521vw solid #31ff9c;
    background: linear-gradient(90deg, rgba(49, 255, 156, .6) 0%, rgba(29, 153, 94, .6) 100%);
    transition: .2s ease-in-out
}

.depositButton[data-v-3ed12a97]:hover {
    background: linear-gradient(90deg, rgba(49, 255, 156, 1) 0%, rgba(29, 153, 94, 1) 100%)
}

.withdrawButton[data-v-3ed12a97] {
    border: .0521vw solid #ff3131;
    background: linear-gradient(90deg, rgba(255, 49, 49, .6) 0%, rgba(153, 29, 29, .6) 100%);
    transition: .2s ease-in-out
}

.withdrawButton[data-v-3ed12a97]:hover {
    background: linear-gradient(90deg, rgba(255, 49, 49, 1) 0%, rgba(153, 29, 29, 1) 100%)
}

.transferButton[data-v-3ed12a97] {
    border: .0521vw solid #3190ff;
    background: linear-gradient(90deg, rgba(49, 156, 255, .6) 0%, rgba(29, 94, 153, .6) 100%);
    transition: .2s ease-in-out
}

.transferButton[data-v-3ed12a97]:hover {
    background: linear-gradient(90deg, rgba(49, 156, 255, 1) 0%, rgba(29, 94, 153, 1) 100%)
}

.actionText[data-v-3ed12a97] {
    color: #fff;
    font-family: Oswald;
    font-size: 1.3542vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.actionSubText[data-v-3ed12a97] {
    color: #ffffff94;
    font-family: Oswald;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.actionButton svg[data-v-3ed12a97] {
    position: absolute;
    right: .7813vw;
    width: 1.5625vw;
    height: 1.5625vw;
    fill: #fff;
    fill-opacity: .3;
    transition: .2s ease-in-out
}

.actionButton:hover svg[data-v-3ed12a97] {
    right: .2604vw;
    fill-opacity: 1
}

.actionImg[data-v-3ed12a97] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    transition: .2s ease-in-out
}

.actionButton:hover .actionImg[data-v-3ed12a97] {
    transform: scale(1.2)
}

.rightSide[data-v-3ed12a97] {
    display: flex;
    flex-direction: column;
    gap: 1.6146vw;
    justify-content: space-between
}

.historyBox[data-v-3ed12a97] {
    display: flex;
    flex-direction: column;
    gap: .7292vw
}

.historyList[data-v-3ed12a97] {
    width: 27.6563vw;
    height: 24.9vw;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: .5208vw
}

[data-v-3ed12a97]::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.history[data-v-3ed12a97] {
    position: relative;
    padding-right: .5729vw;
    align-items: center;
    display: flex;
    width: 100%;
    gap: .625vw;
    min-height: 2.2917vw;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .03)
}

.depositHistory[data-v-3ed12a97] {
    background: linear-gradient(90deg, rgba(46, 225, 140, .2) 0%, rgba(46, 225, 140, 0) 20.94%), rgba(255, 255, 255, .04)
}

.withdrawHistory[data-v-3ed12a97] {
    background: linear-gradient(90deg, rgba(255, 49, 49, .2) 0%, rgba(255, 49, 49, 0) 20.94%), rgba(255, 255, 255, .04)
}

.transferHistory[data-v-3ed12a97] {
    background: linear-gradient(90deg, rgba(49, 144, 255, .2) 0%, rgba(49, 144, 255, 0) 20.94%), rgba(255, 255, 255, .04)
}

.historyIcon[data-v-3ed12a97] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 2.2917vw;
    border-radius: .1563vw 0px 0px .1563vw
}

.depositHistory .historyIcon[data-v-3ed12a97] {
    background: rgba(49, 255, 156, .08)
}

.withdrawHistory .historyIcon[data-v-3ed12a97] {
    background: rgba(255, 49, 49, .08)
}

.transferHistory .historyIcon[data-v-3ed12a97] {
    background: rgba(49, 144, 255, .08)
}

.historyIcon svg[data-v-3ed12a97] {
    width: 1.25vw;
    height: 1.25vw
}

.depositHistory .historyIcon svg[data-v-3ed12a97] {
    fill: #31ff9c
}

.withdrawHistory .historyIcon svg[data-v-3ed12a97] {
    fill: #ff3131
}

.transferHistory .historyIcon svg[data-v-3ed12a97] {
    fill: #3190ff
}

.historyTextBox[data-v-3ed12a97] {
    display: flex;
    gap: .9375vw;
    align-items: center
}

.historyText[data-v-3ed12a97] {
    width: 4.0104vw;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.historySubText[data-v-3ed12a97] {
    width: 15.1042vw;
    color: #ffffff8c;
    font-family: GilroyRegular;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.depositHistory .historyTextBox .historyText[data-v-3ed12a97] {
    color: #31ff9c
}

.withdrawHistory .historyTextBox .historyText[data-v-3ed12a97] {
    color: #ff3131
}

.transferHistory .historyTextBox .historyText[data-v-3ed12a97] {
    color: #3190ff
}

.historySay[data-v-3ed12a97] {
    position: absolute;
    right: .5729vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0vw .4167vw;
    border-radius: .1138vw;
    height: 1.1381vw;
    font-family: GilroyMedium;
    font-size: .5691vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.depositHistory .historySay[data-v-3ed12a97] {
    background: rgba(49, 255, 156, .12);
    color: #31ff9c;
    text-shadow: 0px 0px .401vw rgba(49, 255, 156, .62)
}

.withdrawHistory .historySay[data-v-3ed12a97] {
    color: #ff3131;
    background: rgba(255, 49, 49, .12);
    text-shadow: 0px 0px .401vw rgba(255, 49, 49, .62)
}

.transferHistory .historySay[data-v-3ed12a97] {
    background: rgba(49, 144, 255, .12);
    color: #3190ff;
    text-shadow: 0px 0px .401vw rgba(49, 144, 255, .62)
}

.exitBox[data-v-3ed12a97] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .8333vw;
    right: .8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1042vw;
    background: linear-gradient(153deg, #ff3636 0%, #962626 83.33%);
    transition: .2s ease-in-out
}

.exitBox[data-v-3ed12a97]:hover {
    cursor: pointer;
    transform: scale(1.1)
}

.buttonMenu[data-v-3ed12a97] {
    display: flex;
    flex-direction: column;
    gap: .9896vw;
    padding: 1.25vw 1.25vw 3.8021vw;
    width: 19.0625vw;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: .3646vw;
    border: .0521vw solid rgba(255, 255, 255, .2);
    background: radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9)
}

.buttonMenuTextBox[data-v-3ed12a97] {
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.buttonInputBox[data-v-3ed12a97] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .7292vw
}

.buttonInputs[data-v-3ed12a97] {
    width: 100%;
    position: relative;
    height: 2.6563vw
}

.buttonInput[data-v-3ed12a97] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .11);
    background: rgba(255, 255, 255, .06);
    color: #ffffffc4;
    text-align: center;
    font-family: GilroyMedium;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.buttonInput[data-v-3ed12a97]:focus {
    background: rgba(255, 255, 255, .1)
}

.buttonMenuButton[data-v-3ed12a97] {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    align-items: center;
    height: 2.5521vw;
    justify-content: center;
    border-radius: 0px 0px .3646vw .3646vw;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    color: #319cff;
    transition: .2s ease-in-out
}

.buttonMenuButton[data-v-3ed12a97]:hover {
    cursor: pointer
}

.withdrawMenu .buttonMenuButton[data-v-3ed12a97] {
    background: linear-gradient(90deg, rgba(255, 49, 49, .6) 0%, rgba(153, 29, 29, .6) 100%);
    color: #ff3131;
    transition: .2s ease-in-out
}

.withdrawMenu .buttonMenuButton[data-v-3ed12a97]:hover {
    background: linear-gradient(90deg, rgba(255, 49, 49, 1) 0%, rgba(153, 29, 29, 1) 100%);
    color: #000
}

.depositMenu .buttonMenuButton[data-v-3ed12a97]:hover {
    background: linear-gradient(90deg, rgba(49, 255, 156, 1) 0%, rgba(29, 153, 94, 1) 100%);
    color: #000
}

.transferMenu .buttonMenuButton[data-v-3ed12a97]:hover {
    background: linear-gradient(90deg, rgba(49, 156, 255, 1) 0%, rgba(29, 94, 153, 1) 100%);
    color: #000
}

.depositMenu .buttonMenuButton[data-v-3ed12a97] {
    background: linear-gradient(90deg, rgba(49, 255, 156, .6) 0%, rgba(29, 153, 94, .6) 100%);
    color: #31ff9c;
    transition: .2s ease-in-out
}

.transferMenu .buttonMenuButton[data-v-3ed12a97] {
    background: linear-gradient(90deg, rgba(49, 156, 255, .6) 0%, rgba(29, 94, 153, .6) 100%);
    color: #319cff;
    transition: .2s ease-in-out
}

*[data-v-ac42eefe] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.register[data-v-ac42eefe] {
    padding-top: 5.625vw !important;
    padding: 2.0833vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 33.1771vw;
    height: 26.8229vw;
    display: flex;
    flex-direction: column;
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    justify-content: space-between
}

.titleBox[data-v-ac42eefe] {
    z-index: 2;
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-ac42eefe] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-ac42eefe] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-ac42eefe] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-ac42eefe] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.bgEffect[data-v-ac42eefe] {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    right: 0;
    bottom: 0;
    border-radius: .5208vw
}

.allTextBox[data-v-ac42eefe] {
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 1.3542vw
}

.textBox[data-v-ac42eefe] {
    display: flex;
    flex-direction: column;
    gap: .3646vw
}

.text[data-v-ac42eefe] {
    color: #fff;
    font-family: GilroyBold;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.subText[data-v-ac42eefe] {
    width: 15.1563vw;
    color: #ffffff87;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 129%
}

.allInputBox[data-v-ac42eefe] {
    display: flex;
    flex-direction: column;
    gap: .625vw;
    width: 14.375vw
}

.inputBox[data-v-ac42eefe] {
    position: relative;
    width: 14.375vw;
    height: 1.9792vw;
    display: flex;
    align-items: center
}

.input[data-v-ac42eefe] {
    outline: none;
    padding-left: 2.7vw;
    border: none;
    width: 100%;
    height: 100%;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .08);
    color: #ffffffcb;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    transition: .2s ease-in-out
}

.input[data-v-ac42eefe]:focus {
    background: rgba(255, 255, 255, .15)
}

.inputIconBox[data-v-ac42eefe] {
    z-index: 1;
    position: absolute;
    left: .4167vw;
    display: flex;
    align-items: center;
    gap: .5208vw
}

.inputLine[data-v-ac42eefe] {
    width: .0521vw;
    height: 1.1458vw;
    background: rgba(255, 255, 255, .17)
}

[data-v-ac42eefe]::placeholder {
    color: #ffffff5c;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.check[data-v-ac42eefe] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0
}

label[data-v-ac42eefe] {
    position: relative;
    display: block;
    padding-left: 1.4vw;
    cursor: pointer;
    color: #ffffffb8;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

label[data-v-ac42eefe]:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -.5208vw;
    left: 0;
    display: block;
    width: .9375vw;
    height: .9375vw;
    border-radius: .1042vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .06);
    transition: .15s ease-in-out
}

label[data-v-ac42eefe]:hover:before {
    background: rgba(255, 255, 255, .1)
}

label[data-v-ac42eefe]:after {
    content: "";
    position: absolute;
    left: .35vw;
    width: .15vw;
    height: .3vw;
    border: solid #b164ff;
    border-width: 0 .1563vw .1563vw 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: .15s ease-in-out
}

input:checked+label[data-v-ac42eefe]:after {
    opacity: 1
}

.buttonBox[data-v-ac42eefe] {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .2708vw;
    width: 14.375vw;
    height: 2.0833vw;
    border-radius: .2083vw;
    border: .0521vw solid rgba(176, 97, 255, .31);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%);
    color: #c58bff;
    font-family: GilroyMedium;
    font-size: .7137vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.buttonBox svg[data-v-ac42eefe] {
    fill: #c58bff;
    width: 1.1458vw;
    height: 1.1458vw
}

.buttonBox[data-v-ac42eefe]:hover {
    background: linear-gradient(101deg, rgba(101, 10, 192, .3) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%);
    cursor: pointer;
    box-shadow: 0 0 2.6719vw #50089880
}

.infoBox[data-v-ac42eefe] {
    z-index: 3;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    position: absolute;
    right: 1.1979vw;
    bottom: 1.1979vw;
    color: #ffffff61;
    font-family: GilroyMedium;
    font-size: .6005vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

*[data-v-9ab15454] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.General[data-v-9ab15454] {
    gap: 1.3542vw;
    flex-direction: column;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(13.76% 17.09% at 100% -1.57%, rgba(192, 44, 44, .26) 0%, rgba(192, 44, 44, 0) 100%), radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 63.9063vw;
    padding: 2.8125vw;
    padding-top: 0vw !important
}

.topSide[data-v-9ab15454] {
    z-index: 4;
    padding-right: .2604vw;
    gap: 1.3542vw;
    display: flex;
    width: 100%;
    flex-direction: row-reverse
}

.profileBox[data-v-9ab15454] {
    display: flex;
    align-items: center;
    width: 13.125vw;
    justify-content: center;
    height: 5.4688vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, .17) 0%, rgba(255, 255, 255, 0) 100%);
    gap: .9375vw
}

.profileImg[data-v-9ab15454] {
    position: relative;
    display: flex;
    width: 2.3438vw;
    height: 2.3438vw;
    background-size: cover
}

.profileImg[data-v-9ab15454]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.3125vw;
    left: -.3125vw;
    right: -.3125vw;
    bottom: -.3125vw
}

.profileTextBox[data-v-9ab15454] {
    gap: .3125vw;
    display: flex;
    flex-direction: column
}

.profileText[data-v-9ab15454] {
    color: #ffffffdb;
    font-family: GilroyMedium;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.profileSubText[data-v-9ab15454] {
    color: #ffffff75;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.infoBox[data-v-9ab15454] {
    padding-top: 1.5625vw;
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.infoText[data-v-9ab15454] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.infoSubText[data-v-9ab15454] {
    width: 26.3021vw;
    color: #ffffff82;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.titleBox[data-v-9ab15454] {
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 19.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-9ab15454] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-9ab15454] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-9ab15454] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-9ab15454] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 19.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.exitBox[data-v-9ab15454] {
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .8333vw;
    right: .8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1042vw;
    background: linear-gradient(153deg, #ff3636 0%, #962626 83.33%);
    transition: .2s ease-in-out
}

.exitBox[data-v-9ab15454]:hover {
    cursor: pointer;
    transform: scale(1.1)
}

.bottomSide[data-v-9ab15454] {
    display: flex;
    flex-direction: column;
    gap: 1.0417vw;
    z-index: 4
}

.rewardListBox[data-v-9ab15454] {
    width: 44.2188vw;
    display: flex;
    flex-direction: column;
    gap: .6771vw
}

.rewardList[data-v-9ab15454] {
    width: 100%;
    display: flex;
    gap: .6771vw
}

.rewardBox[data-v-9ab15454] {
    padding: .4479vw;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 4.9317vw;
    min-height: 5.0674vw;
    flex-shrink: 0;
    border-radius: .181vw;
    gap: .2344vw;
    background: rgba(255, 255, 255, .08)
}

.rewardBox[data-v-9ab15454]:hover {
    border: .0453vw solid #D6BA2C;
    transform: scale(1.05)
}

.rewardBox:hover .rewardText[data-v-9ab15454] {
    opacity: 1
}

.disable[data-v-9ab15454] {
    pointer-events: none
}

.tooLate[data-v-9ab15454] {
    pointer-events: none;
    background: rgba(255, 255, 255, .01)
}

.available .rewardImg[data-v-9ab15454] {
    -webkit-filter: drop-shadow(0 3px 10px #ff0000);
    filter: drop-shadow(0 5px 12px #ff0000)
}

.available[data-v-9ab15454] {
    -webkit-filter: drop-shadow(0 3px 10px #D6BA2C);
    filter: drop-shadow(0 5px 12px #D6BA2C);
    pointer-events: none
}

.rewardText[data-v-9ab15454] {
    z-index: 1;
    color: #fff;
    font-family: Oswald;
    font-size: 1.0561vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    opacity: .6
}

.rewardSubText[data-v-9ab15454] {
    z-index: 1;
    color: #ffffff9e;
    font-family: Oswald;
    font-size: .5429vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    opacity: .45
}

.rewardImg[data-v-9ab15454] {
    opacity: .4;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    width: 7.9318vw
}

.rewardReceived[data-v-9ab15454] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .181vw;
    border: .0453vw solid rgba(255, 255, 255, .06);
    background: rgba(0, 0, 0, .22);
    backdrop-filter: blur(.1425vw);
    gap: .125vw
}

.rewardReceivedText[data-v-9ab15454] {
    color: #ffffffa3;
    font-family: Oswald;
    font-size: .7806vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.rewardReceivedSubText[data-v-9ab15454] {
    color: #fff;
    font-family: Oswald;
    font-size: .7806vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.claimReward[data-v-9ab15454] {
    border-radius: .181vw;
    border: .0453vw solid #ffcbd5;
    background: rgba(246, 108, 133, .67);
    transition: .15s ease-in-out
}

.claimReward .rewardText[data-v-9ab15454],
.claimReward .rewardSubText[data-v-9ab15454],
.claimReward .rewardImg[data-v-9ab15454] {
    opacity: 1
}

.claimReward[data-v-9ab15454]:hover {
    cursor: pointer;
    transform: scale(1.05)
}

.bgEffect[data-v-9ab15454] {
    width: 41.5625vw;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    object-fit: cover
}

.rewardTopSide[data-v-9ab15454] {
    display: flex;
    width: 44.2188vw;
    justify-content: space-between
}

.rewardTitleBox[data-v-9ab15454] {
    display: flex;
    align-items: center;
    gap: .625vw;
    color: #ffffff82;
    font-family: GilroyMedium;
    font-size: 1.1093vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.rewardTimeBox[data-v-9ab15454] {
    padding: 0vw .3646vw;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 1.5104vw;
    border-radius: .1563vw;
    background: rgba(255, 255, 255, .13);
    gap: .2604vw;
    color: #ffffff8a;
    font-family: GilroySBold;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

*[data-v-75906395] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.General[data-v-75906395] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 7.0313vw 12.4479vw;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 1.0417vw;
    background: radial-gradient(24.51% 27.09% at 100% 0%, rgba(96, 160, 255, 0) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(123.96% 123.46% at 96.82% 147.87%, rgba(96, 160, 255, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(67.82% 54.12% at 0% 0%, rgba(96, 160, 255, .2) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(8, 9, 14, .9) 0%, rgba(8, 9, 14, 0) 100%), linear-gradient(0deg, rgba(8, 9, 14, .4) 0%, rgba(8, 9, 14, .4) 100%), rgba(0, 0, 0, .1);
    overflow: hidden
}

.topSide[data-v-75906395] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.titleBox[data-v-75906395] {
    display: flex;
    align-items: center;
    gap: .9375vw
}

.titleIcon[data-v-75906395] {
    width: 4.6354vw;
    height: 4.6354vw;
    border-radius: .2604vw;
    background: linear-gradient(148deg, rgba(67, 142, 255, .1) -8.04%, rgba(149, 191, 255, .1) 106.84%), rgba(255, 255, 255, .06);
    display: flex;
    align-items: center;
    justify-content: center
}

.titleIcon svg[data-v-75906395] {
    width: 2.5vw;
    height: 2.5vw
}

.titleTextBox[data-v-75906395] {
    display: flex;
    flex-direction: column;
    gap: .4167vw
}

.titleText[data-v-75906395] {
    font-family: Barlow;
    font-size: 2.3916vw;
    font-style: normal;
    font-weight: 800;
    line-height: 90%;
    background: linear-gradient(148deg, #438eff -8.04%, #95bfff 106.84%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.titleSubText[data-v-75906395] {
    color: #fff;
    font-family: Barlow;
    font-size: 1.5833vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.infoBox[data-v-75906395] {
    display: flex;
    flex-direction: column;
    gap: .3646vw
}

.infoText[data-v-75906395] {
    color: #fff;
    font-family: Barlow;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.infoSubText[data-v-75906395] {
    width: 30.7292vw;
    color: #ffffff6e;
    font-family: Barlow;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 110%
}

.profileBox[data-v-75906395] {
    display: flex;
    gap: 1.0417vw;
    align-items: center
}

.profileTextBox[data-v-75906395] {
    display: flex;
    flex-direction: column;
    gap: .3646vw
}

.profileText[data-v-75906395] {
    color: #ffffffdb;
    font-family: Barlow;
    font-size: 1.1149vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.profileSubText[data-v-75906395] {
    color: #ffffff75;
    font-family: Barlow;
    font-size: .8672vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.profileImg[data-v-75906395] {
    width: 2.6316vw;
    height: 2.6316vw;
    border-radius: 50%;
    position: relative;
    background-size: cover
}

.profileImg[data-v-75906395]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.349vw;
    left: -.349vw;
    right: -.349vw;
    bottom: -.349vw;
    border-radius: 50%;
    border: .0629vw solid rgba(255, 255, 255, .49)
}

.bottomSide[data-v-75906395] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden
}

.inventorySide[data-v-75906395] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    gap: .5208vw;
    max-width: 30.83vw;
    height: 100%
}

.inventoryTitleSide[data-v-75906395] {
    justify-content: space-between;
    padding-left: .4167vw;
    padding-right: .5729vw;
    max-width: 30.83vw;
    min-height: 2.3812vw;
    border-radius: .3133vw;
    background: linear-gradient(90deg, rgba(0, 133, 255, .15) 0%, rgba(0, 133, 255, 0) 100%);
    display: flex;
    align-items: center
}

.inventoryTitleBox[data-v-75906395] {
    display: flex;
    align-items: center;
    gap: .3125vw;
    color: #fff9;
    font-family: Barlow;
    font-size: 1.0026vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.inventoryTitleIcon[data-v-75906395] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5039vw;
    height: 1.5039vw;
    border-radius: .1253vw;
    background: rgba(255, 255, 255, .1)
}

.inventoryTitleIcon i[data-v-75906395] {
    color: #fff;
    font-size: .7vw
}

.inventoryWeightBox[data-v-75906395] {
    display: flex;
    align-items: center;
    gap: .4167vw
}

.inventoryWeightText[data-v-75906395] {
    display: flex;
    color: #fff;
    font-family: Barlow;
    font-size: .8773vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.inventoryWeightText p[data-v-75906395] {
    color: #ffffff6b;
    font-family: Barlow;
    font-size: .8773vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.inventoryWeightBar[data-v-75906395] {
    width: 7.0182vw;
    height: .1253vw;
    border-radius: .4386vw;
    background: rgba(255, 255, 255, .15)
}

.inventoryWeight[data-v-75906395] {
    display: flex;
    align-items: center;
    position: relative;
    width: 60%;
    height: .2506vw;
    border-radius: .4386vw;
    background: linear-gradient(111deg, #438eff 13.9%, #95bfff 85.59%)
}

.inventoryWeight[data-v-75906395]:before {
    content: "";
    position: absolute;
    right: 0;
    width: .376vw;
    height: .376vw;
    border-radius: 50%;
    background: #fff
}

.inventoryWeightBox i[data-v-75906395] {
    font-size: .9vw;
    background: linear-gradient(148deg, #438eff -8.04%, #95bfff 106.84%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.inventoryCategoryBox[data-v-75906395] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1.4583vw
}

.categoryText[data-v-75906395] {
    color: #ffffff69;
    font-family: Barlow;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.categoryText[data-v-75906395]:hover {
    cursor: pointer;
    color: #fffc
}

.selectCategory[data-v-75906395] {
    padding: 0 .7813vw;
    height: 1.5625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .1563vw;
    background: rgba(255, 255, 255, .16) !important;
    color: #ffffffb8
}

.inventoryItemList[data-v-75906395] {
    align-content: flex-start;
    gap: .5vw;
    row-gap: .5vw;
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    overflow-x: hidden;
    flex: 1
}

.counterOfferList .itemBox[data-v-75906395] {
    position: relative;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    padding: .4688vw;
    width: 5.7649vw;
    height: 5.8903vw;
    border-radius: .1614vw;
    border: .1076vw solid rgba(120, 174, 255, .1);
    background: radial-gradient(93.99% 93.99% at 50% 50%, rgba(120, 174, 255, .5) 0%, rgba(120, 174, 255, 0) 100%)
}

.counterOfferList .itemBox[data-v-75906395] {
    pointer-events: none !important;
    cursor: none
}

.itemBox[data-v-75906395] {
    position: relative;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    padding: .4688vw;
    width: 5.7649vw;
    height: 5.8903vw;
    border-radius: .1614vw;
    border: .1076vw solid rgba(255, 255, 255, .1);
    background: radial-gradient(93.99% 93.99% at 50% 50%, rgba(255, 255, 255, .33) 0%, rgba(255, 255, 255, 0) 100%)
}

.itemBox[data-v-75906395]:hover {
    cursor: pointer;
    color: #fff;
    border: .1076vw solid rgba(255, 255, 255, .1);
    background: radial-gradient(93.99% 93.99% at 50% 50%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%)
}

.itemName[data-v-75906395] {
    width: 100%;
    color: #fff9;
    font-family: Barlow;
    font-size: .6995vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.itemImg[data-v-75906395] {
    width: 100%;
    height: 3.3854vw;
    object-fit: contain
}

.itemInfo[data-v-75906395] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #ffffff4d;
    font-family: Barlow;
    font-size: .6995vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.itemInfo p[data-v-75906395] {
    color: #ffffff4d;
    font-family: Barlow;
    font-size: .6995vw;
    font-style: normal;
    font-weight: 500;
    text-align: right;
    line-height: 90%
}

.counterOfferList .noitem[data-v-75906395] {
    border: .1042vw solid rgba(120, 174, 255, .09) !important;
    background: radial-gradient(93.99% 93.99% at 50% 50%, rgba(120, 174, 255, .15) 0%, rgba(120, 174, 255, 0) 100%) !important
}

.noitem[data-v-75906395] {
    border: .1042vw solid rgba(255, 255, 255, .09) !important;
    background: radial-gradient(93.99% 93.99% at 50% 50%, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 100%) !important
}

[data-v-75906395]::-webkit-scrollbar {
    width: 0;
    background: transparent;
    height: 0
}

.tradeSide[data-v-75906395] {
    height: 100%;
    display: flex;
    gap: 2.0313vw;
    flex-direction: column;
    overflow: hidden
}

.myOfferSide[data-v-75906395] {
    display: flex;
    flex-direction: column;
    gap: .5729vw;
    flex: 1;
    width: 100%;
    overflow: hidden
}

.myOfferTopSide[data-v-75906395] {
    padding: 0vw .8333vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .2604vw;
    width: 30.8333vw;
    height: 4.4271vw;
    border-radius: .3125vw;
    background: linear-gradient(90deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 100%)
}

.myOfferTitle[data-v-75906395] {
    color: #fff;
    font-family: Barlow;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.myOfferText[data-v-75906395] {
    color: #ffffff8c;
    font-family: Barlow;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.myOfferList[data-v-75906395] {
    width: 30.8333vw;
    align-content: flex-start;
    gap: .5vw;
    row-gap: .5vw;
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    overflow-x: hidden;
    flex: 1
}

.counterOffer[data-v-75906395] {
    display: flex;
    flex-direction: column;
    gap: .9896vw;
    flex: 1;
    width: 30.8333vw;
    overflow: hidden;
    border-radius: .3125vw;
    background: linear-gradient(180deg, rgba(0, 133, 255, .15) 0%, rgba(0, 133, 255, 0) 100%)
}

.counterTopSide[data-v-75906395] {
    padding: 0vw .8854vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .3646vw;
    width: 100%;
    height: 3.75vw;
    border-radius: .3125vw;
    background: rgba(255, 255, 255, .08)
}

.counterTitle[data-v-75906395] {
    color: #fff;
    font-family: Barlow;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.counterText[data-v-75906395] {
    color: #ffffff8c;
    font-family: Barlow;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.counterOfferList[data-v-75906395] {
    width: 100%;
    align-content: flex-start;
    gap: .5vw;
    row-gap: .5vw;
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    overflow-x: hidden;
    flex: 1
}

.buttonList[data-v-75906395] {
    display: flex;
    flex-direction: column;
    gap: .4167vw
}

.tradeButton[data-v-75906395] {
    flex-direction: column;
    gap: .4948vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2972vw;
    border: .1042vw solid rgba(0, 255, 102, .19);
    background: radial-gradient(106.67% 106.67% at 50% 50%, rgba(0, 255, 102, .2) 0%, rgba(0, 255, 102, 0) 100%);
    width: 6.7377vw;
    height: 6.7377vw;
    color: #ffffff4f;
    text-align: center;
    font-family: Barlow;
    font-size: 1.189vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.tradeButton svg[data-v-75906395] {
    width: 2.6042vw;
    height: 2.6042vw;
    fill: #fff;
    fill-opacity: .31;
    transition: .2s ease-in-out
}

.tradeButton[data-v-75906395]:hover {
    cursor: pointer;
    color: #fff;
    border: .11vw solid rgba(0, 255, 102, .5);
    background: radial-gradient(106.67% 106.67% at 50% 50%, rgba(0, 255, 102, .6) 0%, rgba(0, 255, 102, 0) 100%);
    box-shadow: 0 0 4.0365vw #00ff687d
}

.tradeButton:hover svg[data-v-75906395] {
    fill-opacity: 1
}

.cancelButton[data-v-75906395] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2972vw;
    border: .1042vw solid rgba(212, 67, 67, .19);
    background: radial-gradient(106.67% 106.67% at 50% 50%, rgba(212, 67, 67, .2) 0%, rgba(212, 67, 67, 0) 100%);
    width: 6.7377vw;
    height: 2.2917vw;
    color: #ffffff69;
    text-align: center;
    font-family: Barlow;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.cancelButton[data-v-75906395]:hover {
    cursor: pointer;
    background: radial-gradient(106.67% 106.67% at 50% 50%, rgba(212, 67, 67, .7) 0%, rgba(212, 67, 67, 0) 100%);
    color: #fff
}

.exitBox[data-v-75906395] {
    top: .7813vw;
    right: .7813vw;
    position: absolute;
    display: flex;
    align-items: center;
    gap: .3125vw;
    color: #ff858575;
    font-family: Barlow;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    transition: .2s ease-in-out
}

.exitIcon[data-v-75906395] {
    display: flex;
    align-items: center;
    width: .8854vw;
    height: .8854vw;
    justify-content: center;
    border-radius: .1563vw;
    border: .0521vw solid rgba(201, 90, 90, .32);
    background: rgba(201, 90, 90, .1);
    transition: .2s ease-in-out
}

.exitIcon i[data-v-75906395] {
    color: #c95a5a;
    font-size: .6vw;
    transition: .2s ease-in-out
}

.exitBox[data-v-75906395]:hover {
    cursor: pointer;
    color: #ff8585cc
}

.exitBox:hover .exitIcon[data-v-75906395] {
    border: .0521vw solid rgba(201, 90, 90, .6);
    background: rgba(201, 90, 90, .3)
}

.exitBox:hover .exitIcon i[data-v-75906395] {
    color: #ff8585cc
}

.amountInputBox[data-v-75906395] {
    position: relative;
    width: 6.7188vw;
    height: 1.7188vw
}

.amountInput[data-v-75906395] {
    text-align: center;
    outline: none;
    width: 100%;
    height: 100%;
    border-radius: .2083vw;
    border: .0781vw solid rgba(255, 255, 255, .19);
    background: radial-gradient(106.67% 106.67% at 50% 50%, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%);
    color: #fff
}

.amountInput[data-v-75906395]:focus {
    background: radial-gradient(106.67% 106.67% at 50% 50%, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, 0) 100%);
    color: #ffffff85;
    text-align: center;
    font-family: Barlow;
    font-size: .7411vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

*[data-v-60acc28d] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.gunfightselector[data-v-60acc28d] {
    flex-direction: column;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(13.76% 17.09% at 100% -1.57%, rgba(192, 44, 44, .26) 0%, rgba(192, 44, 44, 0) 100%), radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 21.3021vw;
    padding: 1.7708vw;
    padding-top: 5.2vw !important
}

.titleBox[data-v-60acc28d] {
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-60acc28d] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-60acc28d] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-60acc28d] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-60acc28d] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.fightList[data-v-60acc28d] {
    gap: .625vw;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: .2604vw;
    border: .0521vw solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .04);
    max-height: 32.9166vw;
    overflow-y: auto
}

.fightBox[data-v-60acc28d] {
    display: flex;
    flex-direction: column;
    gap: .3125vw;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 7.7604vw;
    border-radius: .2604vw;
    border: .0521vw solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .04);
    overflow: hidden;
    transition: .2s ease-in-out
}

.fightBox[data-v-60acc28d]:hover {
    background: rgba(255, 255, 255, .2);
    cursor: pointer
}

.fightMap[data-v-60acc28d] {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    transition: .2s ease-in-out
}

.fightBox:hover .fightMap[data-v-60acc28d] {
    transform: scale(1.05)
}

.fightNameBox[data-v-60acc28d] {
    z-index: 3;
    display: flex;
    align-items: center;
    gap: .4167vw
}

.fightName[data-v-60acc28d] {
    color: #ffffffde;
    font-family: GilroySBold;
    font-size: 1.0495vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.fightOnlineBox[data-v-60acc28d] {
    z-index: 4;
    padding: 0vw .3125vw;
    align-items: center;
    display: flex;
    gap: .4167vw;
    width: fit-content;
    height: 1.4583vw;
    border-radius: .1563vw;
    background: rgba(51, 173, 71, .54);
    backdrop-filter: blur(.2292vw)
}

.fightOnlineText[data-v-60acc28d] {
    z-index: 3;
    color: #43ff61de;
    font-family: GilroyBold;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.fightOnlineText span[data-v-60acc28d] {
    color: #ffffff8c;
    font-family: GilroyRegular;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.fightArrow[data-v-60acc28d] {
    position: absolute;
    z-index: 5;
    right: .7vw;
    fill: #fff;
    fill-opacity: .35;
    transition: .2s ease-in-out
}

.fightBox:hover .fightArrow[data-v-60acc28d] {
    fill-opacity: 1;
    right: .2604vw !important
}

.exitBox[data-v-60acc28d] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .8333vw;
    right: .8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1042vw;
    background: linear-gradient(153deg, #ff3636 0%, #962626 83.33%);
    transition: .2s ease-in-out
}

.exitBox[data-v-60acc28d]:hover {
    cursor: pointer;
    transform: scale(1.1)
}

*[data-v-bafc64cd] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.serverInfo[data-v-bafc64cd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.1458vw;
    position: absolute;
    right: .7813vw;
    top: 2.1021vw
}

.serverNameBox[data-v-bafc64cd] {
    display: flex;
    align-items: center;
    padding-right: 2.0833vw;
    position: relative
}

.serverName[data-v-bafc64cd] {
    display: flex;
    flex-direction: column;
    gap: .1927vw;
    justify-content: center;
    text-align: right;
    height: 2.6042vw;
    width: fit-content;
    padding-right: 1.4vw;
    padding-left: .8333vw;
    border-radius: .2604vw;
    background: radial-gradient(79.67% 249.26% at 122.07% 49.25%, rgba(145, 54, 232, .43) 0%, rgba(145, 54, 232, 0) 100%), linear-gradient(270deg, rgba(5, 2, 7, .6) 30.43%, rgba(5, 2, 7, 0) 150%)
}

.serverNameText[data-v-bafc64cd] {
    color: #c990ff;
    text-shadow: 0px 0px 24.427px #c990ff;
    font-family: Agency FBS;
    font-size: 1.0135vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    letter-spacing: .0203vw
}

.serverNameSubText[data-v-bafc64cd] {
    color: #fff;
    font-family: Agency FBS;
    font-size: .5458vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.logo[data-v-bafc64cd] {
    position: absolute;
    right: 0;
    width: 3.3333vw;
    height: 3.75vw;
    object-fit: cover
}

.serverInfoSide[data-v-bafc64cd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .4688vw
}

.serverInfoBox[data-v-bafc64cd] {
    gap: .4vw;
    align-items: center;
    width: fit-content;
    padding-left: .625vw;
    padding-right: .1563vw;
    display: flex;
    height: 1.875vw;
    border-radius: 2.0313vw;
    background: radial-gradient(63.09% 114.87% at 100% 49.02%, rgba(145, 54, 232, .43) 0%, rgba(145, 54, 232, 0) 100%), linear-gradient(90deg, rgba(5, 2, 7, 0) 0%, #050207 150%)
}

.serverInfoIcon[data-v-bafc64cd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5625vw;
    height: 1.5625vw;
    border-radius: 50%;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, rgba(101, 10, 192, .7) -40.61%, rgba(47, 5, 90, .7) 94.37%)
}

.serverInfoText[data-v-bafc64cd] {
    color: #fff;
    text-align: right;
    font-family: GilroySBold;
    font-size: .7333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

*[data-v-0eb586ec] {
    margin: 0;
    box-sizing: border-box
}

@keyframes keyClick-0eb586ec {
    0% {
        opacity: 0;
        left: 50%;
        transform: translate(-50%, 600%)
    }

    to {
        left: 50%;
        opacity: 1;
        transform: translateY(-50%, 0%)
    }
}

.slide-enter-active[data-v-0eb586ec],
.slide-leave-active[data-v-0eb586ec] {
    transition: transform .5s ease, opacity .5s ease
}

.slide-enter[data-v-0eb586ec],
.slide-leave-to[data-v-0eb586ec] {
    transform: translateY(0);
    opacity: 1
}

.slide-leave-active[data-v-0eb586ec] {
    transform: translateY(-100%);
    opacity: 0
}

.passjoin[data-v-0eb586ec] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    background: radial-gradient(117.57% 107.31% at 6.46% -18.33%, rgba(101, 10, 192, .18) 0%, rgba(101, 10, 192, 0) 100%), linear-gradient(180deg, rgba(2, 1, 3, 0) 0%, rgba(2, 1, 3, .52) 40.56%, rgba(2, 1, 3, .8) 97.01%), linear-gradient(0deg, rgba(2, 1, 3, .6) 0%, rgba(2, 1, 3, .6) 100%), radial-gradient(50% 50% at 50% 50%, rgba(2, 1, 3, 0) 0%, rgba(2, 1, 3, .72) 100%);
    background-blend-mode: lighten, normal, normal, normal
}

.bgEffect[data-v-0eb586ec] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    mix-blend-mode: multiply;
    background-image: url(../assets/bgeffect-582382d8.png)
}

.topLeftEffect[data-v-0eb586ec] {
    width: 41.3021vw;
    height: 43.2813vw;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    object-fit: cover
}

.bottomRightEffect[data-v-0eb586ec] {
    width: 39.7396vw;
    height: 48.9583vw;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 2;
    object-fit: cover
}

.bottomEffect[data-v-0eb586ec] {
    position: absolute;
    object-fit: cover;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20.8854vw
}

.bottomFire[data-v-0eb586ec] {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit: cover;
    mix-blend-mode: lighten
}

.loaderBox[data-v-0eb586ec] {
    z-index: 5;
    gap: 1.5vw;
    display: flex;
    flex-direction: column;
    align-items: center
}

.loaderLogo[data-v-0eb586ec] {
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center
}

.logo[data-v-0eb586ec] {
    animation: keyFade-0eb586ec .75s ease-in;
    filter: drop-shadow(0px 0px 70px #a13cff89);
    max-width: 50%;
    height: auto
}

@keyframes keyFade-0eb586ec {
    0% {
        opacity: 0%
    }

    to {
        opacity: 100%
    }
}

.loaderTextBox[data-v-0eb586ec] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6771vw;
    text-align: center
}

.loaderText[data-v-0eb586ec] {
    color: #a03cff;
    text-align: center;
    text-shadow: 0px 0px 60px #a03cff;
    font-family: GilroyBold;
    font-size: 1.5139vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.loaderSubText[data-v-0eb586ec] {
    color: #ffffff85;
    text-align: center;
    font-family: GilroyRegular;
    font-size: 1.7231vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

[data-v-0eb586ec]:root {
    --loader-width: 5vw;
    --loader-height: 5vw;
    --loader-color-primary: #a03cff;
    --loader-color-secondary: #eee;
    --line-width: .18vw;
    --animation-duration: 2s;
    --loader-initial-scale: .1
}

.loader[data-v-0eb586ec],
.loader[data-v-0eb586ec]:before,
.loader[data-v-0eb586ec]:after {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0
}

@keyframes blast-ripple-0eb586ec {
    0% {
        top: calc(var(--loader-height, 100px) / 2 - var(--line-width, 4px));
        left: calc(var(--loader-width, 100px) / 2 - var(--line-width, 4px));
        width: 0;
        height: 0;
        opacity: 1
    }

    to {
        top: -.0521vw;
        left: -.0521vw;
        width: calc(var(--loader-width, 100px) - var(--line-width, 4px));
        height: calc(var(--loader-height, 100px) - var(--line-width, 4px));
        opacity: 0
    }
}

.loader.blasting-ripple[data-v-0eb586ec] {
    position: relative;
    width: var(--loader-width, 100px);
    height: var(--loader-height, 100px)
}

.loader.blasting-ripple[data-v-0eb586ec]:after {
    opacity: 0;
    content: "";
    position: absolute;
    border: var(--line-width, 4px) solid var(--loader-color-primary, #a03cff);
    opacity: 1;
    border-radius: 50%;
    animation: blast-ripple-0eb586ec var(--animation-duration, 1s) cubic-bezier(0, .2, .8, 1) infinite
}

.loader.blasting-ripple[data-v-0eb586ec]:before {
    opacity: 0;
    top: calc(var(--loader-height, 100px) / 2 - var(--line-width, 4px));
    left: calc(var(--loader-width, 100px) / 2 - var(--line-width, 4px));
    content: "";
    position: absolute;
    border: var(--line-width, 4px) solid var(--loader-color-primary, #a03cff);
    opacity: 1;
    border-radius: 50%;
    animation: blast-ripple-0eb586ec var(--animation-duration, 1s) cubic-bezier(0, .2, .8, 1) infinite;
    animation-delay: calc(var(--animation-duration, 1s) / 2)
}

@keyframes slideDown-0eb586ec {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

.infoBox[data-v-0eb586ec] {
    z-index: 4;
    gap: .5573vw;
    padding: 0vw .7292vw;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 3.125vw;
    border-radius: 0px 0px .5131vw .5131vw;
    background: rgba(255, 255, 255, .03);
    animation: slideDown-0eb586ec 2s ease-out forwards
}

.infoBox.hide[data-v-0eb586ec] {
    animation: slideUp-0eb586ec 2s ease-in forwards
}

@keyframes slideUp-0eb586ec {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

.infoIcon[data-v-0eb586ec] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5365vw;
    width: 1.5365vw;
    border-radius: .1399vw;
    border: .0467vw solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .06)
}

.infoText[data-v-0eb586ec] {
    color: #ffffff9e;
    font-family: GilroyRegular;
    font-size: .8931vw;
    font-style: normal;
    font-weight: 400;
    line-height: 136.7%
}

.keyBox[data-v-0eb586ec] {
    animation: keyClick-0eb586ec .75s ease-in;
    z-index: 4;
    position: absolute;
    bottom: 1.7708vw;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7813vw
}

.keyIcon[data-v-0eb586ec] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4375vw;
    height: 1.9792vw;
    border-radius: .2249vw;
    border: .045vw solid rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .05)
}

.keyText[data-v-0eb586ec] {
    color: #ffffffbf;
    font-family: GilroyMedium;
    font-size: 1.1103vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.keyText span[data-v-0eb586ec] {
    color: #fff;
    font-family: GilroySBold;
    font-size: 1.1103vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

*[data-v-39faf3c5] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.garage[data-v-39faf3c5] {
    padding: 2.7083vw 2.7083vw 0vw;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background: radial-gradient(36.39% 62.6% at 112.55% 0%, rgba(101, 10, 192, .3) 0%, rgba(101, 10, 192, 0) 100%), radial-gradient(45.8% 62.2% at -3.36% -4.81%, rgba(101, 10, 192, .3) 0%, rgba(101, 10, 192, 0) 100%), linear-gradient(267deg, rgba(2, 1, 3, .9) -1.74%, rgba(2, 1, 3, 0) 40.18%), linear-gradient(94deg, rgba(2, 1, 3, .9) .53%, rgba(2, 1, 3, 0) 70.21%)
}

.leftSide[data-v-39faf3c5] {
    height: 100%;
    display: flex;
    gap: 2.0833vw;
    flex-direction: column
}

.titleBox[data-v-39faf3c5] {
    position: relative;
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    flex-direction: column;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-39faf3c5] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-39faf3c5] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-39faf3c5] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-39faf3c5] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.bottomSide[data-v-39faf3c5] {
    overflow: hidden;
    flex: 1;
    gap: .9375vw;
    display: flex;
    flex-direction: column
}

[data-v-39faf3c5]::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.infoTextBox[data-v-39faf3c5] {
    display: flex;
    flex-direction: column;
    gap: .2604vw;
    width: 20.8333vw
}

.infoText[data-v-39faf3c5] {
    color: #fff;
    font-family: GilroySBold;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.infoSubText[data-v-39faf3c5] {
    color: #ffffff82;
    font-family: GilroyRegular;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.cardList[data-v-39faf3c5] {
    display: flex;
    align-items: center;
    gap: .4167vw
}

.cardBox[data-v-39faf3c5] {
    position: relative;
    padding: .7292vw;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    width: 9.9479vw;
    height: 5.5729vw;
    flex-shrink: 0;
    overflow: hidden
}

.redCard[data-v-39faf3c5] {
    border-radius: .2083vw;
    border: .0521vw solid #ff3131;
    background: linear-gradient(90deg, rgba(255, 49, 49, .3) 0%, rgba(153, 29, 29, .3) 100%)
}

.blueCard[data-v-39faf3c5] {
    border-radius: .2083vw;
    border: .0521vw solid #3190ff;
    background: linear-gradient(90deg, rgba(49, 156, 255, .3) 0%, rgba(29, 94, 153, .3) 100%)
}

.redCard img[data-v-39faf3c5] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 8.9583vw;
    height: 5.5729vw;
    object-fit: cover;
    pointer-events: none
}

.blueCard img[data-v-39faf3c5] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 9.1vw;
    height: 5.5729vw;
    object-fit: cover;
    pointer-events: none
}

.cardText[data-v-39faf3c5] {
    display: flex;
    flex-direction: column;
    gap: .1563vw;
    color: #fff;
    font-family: Oswald;
    font-size: .9022vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.cardText p[data-v-39faf3c5] {
    z-index: 1;
    color: #ffffff73;
    font-family: Oswald;
    font-size: .4921vw;
    font-style: normal;
    font-weight: 300;
    line-height: 90%
}

.cardSubText[data-v-39faf3c5] {
    width: 100%;
    text-align: right;
    font-family: Oswald;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.redCard .cardSubText[data-v-39faf3c5] {
    color: #ff3131
}

.blueCard .cardSubText[data-v-39faf3c5] {
    color: #3190ff
}

.carListBox[data-v-39faf3c5] {
    overflow: hidden;
    width: 20.3125vw;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: .6771vw
}

.carListTopSide[data-v-39faf3c5] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between
}

.carListTitle[data-v-39faf3c5] {
    display: flex;
    flex-direction: column;
    gap: .3125vw;
    color: #fff;
    font-family: GilroySBold;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.carListTitle p[data-v-39faf3c5] {
    color: #ffffff6b;
    font-family: GilroySBold;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.inputBox[data-v-39faf3c5] {
    display: flex;
    align-items: center;
    position: relative;
    width: 11.7188vw;
    height: 1.6667vw
}

.inputBox input[data-v-39faf3c5] {
    padding-left: 2.1vw;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .05);
    color: #ffffffbc;
    font-family: GilroySBold;
    font-size: .7vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .15s ease-in-out
}

.inputBox input[data-v-39faf3c5]:focus {
    background: rgba(255, 255, 255, .1)
}

.inputIcon[data-v-39faf3c5] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1.6667vw;
    border-radius: .2083vw 0px 0px .2083vw;
    background: rgba(255, 255, 255, .05)
}

.carList[data-v-39faf3c5] {
    overflow-y: auto;
    flex: 1;
    display: flex;
    gap: .4167vw;
    flex-wrap: wrap;
    overflow-x: hidden;
    align-content: flex-start
}

.carBox[data-v-39faf3c5] {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: .7292vw;
    padding-bottom: 2.8646vw !important;
    overflow: hidden;
    position: relative;
    display: flex;
    width: 9.9479vw;
    min-height: 14.1146vw;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .03);
    backdrop-filter: blur(.276vw);
    transition: .15s ease-in-out
}

.carBox.active[data-v-39faf3c5],
.carBox[data-v-39faf3c5]:hover {
    background: rgba(255, 255, 255, .09)
}

.notgarage[data-v-39faf3c5] {
    background: rgba(255, 106, 106, .03) !important
}

.notgarage .circle[data-v-39faf3c5],
.notgarage .circle2[data-v-39faf3c5] {
    background: rgba(255, 106, 106, .05) !important
}

.notgarage .carButton[data-v-39faf3c5] {
    color: #ff6a6a6e !important;
    background: rgba(255, 106, 106, .05) !important
}

.circle[data-v-39faf3c5] {
    top: -3.6979vw;
    left: -4.1667vw;
    position: absolute;
    width: 13.0729vw;
    height: 13.0729vw;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    opacity: .8
}

.circle2[data-v-39faf3c5] {
    top: -6.9792vw;
    left: -7.5vw;
    position: absolute;
    width: 13.0729vw;
    height: 13.0729vw;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    opacity: .8
}

.carTopSide[data-v-39faf3c5] {
    z-index: 1;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start
}

.carName[data-v-39faf3c5] {
    display: flex;
    flex-direction: column;
    gap: .2083vw;
    color: #fffc;
    font-family: GilroySBold;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.carName p[data-v-39faf3c5] {
    color: #fff6;
    font-family: GilroyRegular;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.favorBox[data-v-39faf3c5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25vw;
    height: 1.25vw;
    border-radius: .2083vw;
    background: rgba(255, 220, 129, .16);
    backdrop-filter: blur(.276vw);
    transition: .15s ease-in-out
}

.favorBox svg[data-v-39faf3c5] {
    fill: #ffd361;
    fill-opacity: .51;
    transition: .15s ease-in-out
}

.favorBox.active[data-v-39faf3c5],
.favorBox[data-v-39faf3c5]:hover {
    cursor: pointer;
    background: rgba(255, 220, 129, 1)
}

.favorBox.active svg[data-v-39faf3c5],
.favorBox:hover svg[data-v-39faf3c5] {
    fill: #000;
    fill-opacity: 1
}

.carImg svg[data-v-39faf3c5] {
    z-index: 1;
    width: 6.0417vw;
    height: 4.5833vw
}

.carInfoList[data-v-39faf3c5] {
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .7292vw
}

.carInfo[data-v-39faf3c5] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.carInfoProgress[data-v-39faf3c5] {
    width: 5.2083vw;
    height: .1042vw;
    display: flex;
    align-items: center;
    border-radius: .0521vw;
    background: rgba(255, 255, 255, .17)
}

.carInfoProgressLine[data-v-39faf3c5] {
    height: .3125vw;
    width: 50%;
    background: white
}

.carInfoText[data-v-39faf3c5] {
    width: 1.3542vw;
    color: #fff;
    text-align: right;
    font-family: GilroySBold;
    font-size: .625vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.plateBox[data-v-39faf3c5] {
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .35vw;
    position: absolute;
    top: 5.3vw;
    left: .7292vw;
    width: 3.7163vw;
    height: 1.8581vw;
    background-image: url(../assets/platebg-de58d059.png);
    background-size: cover
}

.plateText[data-v-39faf3c5] {
    color: #0000a3;
    font-family: Penitentiary Gothic Fills;
    font-size: .8868vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.carButton[data-v-39faf3c5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3646vw;
    z-index: 4;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0px 0px .2083vw .2083vw;
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(.276vw);
    height: 1.6667vw;
    color: #ffffff6e;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .15s ease-in-out
}

.carButton svg[data-v-39faf3c5] {
    fill: #fff;
    fill-opacity: .43;
    transition: .15s ease-in-out
}

.carButton[data-v-39faf3c5]:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, .2);
    color: #fffc
}

.carButton:hover svg[data-v-39faf3c5] {
    fill-opacity: .8
}

.rightSide[data-v-39faf3c5] {
    padding-bottom: 2.7083vw;
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between
}

.profileBox[data-v-39faf3c5] {
    display: flex;
    align-items: center;
    gap: .9375vw
}

.profileImg[data-v-39faf3c5] {
    position: relative;
    display: flex;
    width: 2.3438vw;
    border-radius: 50%;
    height: 2.3438vw;
    background-size: cover
}

.profileImg[data-v-39faf3c5]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.3125vw;
    left: -.3125vw;
    right: -.3125vw;
    bottom: -.3125vw;
    border-radius: 50%;
    border: .056vw solid rgba(162, 64, 255, .49)
}

.profileTextBox[data-v-39faf3c5] {
    gap: .3125vw;
    display: flex;
    flex-direction: column
}

.profileText[data-v-39faf3c5] {
    color: #fff;
    font-family: GilroyMedium;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.profileSubText[data-v-39faf3c5] {
    color: #ffffff80;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.takeButton[data-v-39faf3c5] {
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15.7292vw;
    height: 3.125vw;
    border-radius: .2083vw;
    border: .0521vw solid rgba(255, 255, 255, .18);
    background: radial-gradient(121.25% 360.8% at 113.7% 0%, rgba(101, 10, 192, .11) 0%, rgba(101, 10, 192, 0) 100%), rgba(255, 255, 255, .1);
    color: #ffffff6e;
    font-family: GilroyMedium;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    gap: .5208vw;
    transition: .15s ease-in-out
}

.takeButton svg[data-v-39faf3c5] {
    width: 1.3021vw;
    height: 1.25vw;
    fill: #fff;
    fill-opacity: .43;
    transition: .15s ease-in-out
}

.takeButton[data-v-39faf3c5]:hover {
    background: radial-gradient(121.25% 360.8% at 113.7% 0%, rgba(101, 10, 192, .3) 0%, rgba(101, 10, 192, 0) 100%), rgba(255, 255, 255, .5);
    cursor: pointer;
    color: #fff
}

.takeButton:hover svg[data-v-39faf3c5] {
    fill-opacity: 1
}

.detailSide[data-v-39faf3c5] {
    display: flex;
    flex-direction: column;
    gap: 2.0833vw;
    align-items: flex-end
}

.detailTitle[data-v-39faf3c5] {
    display: flex;
    flex-direction: column;
    gap: .4167vw;
    color: #fff;
    text-align: right;
    font-family: GilroySBold;
    font-size: 1.7619vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.detailTitle p[data-v-39faf3c5] {
    color: #ffffff80;
    text-align: right;
    font-family: GilroyRegular;
    font-size: 1.3214vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.detailList[data-v-39faf3c5] {
    display: flex;
    width: 15.8333vw;
    flex-direction: column;
    gap: 1.5104vw
}

.detailBox[data-v-39faf3c5] {
    display: flex;
    flex-direction: column;
    gap: .5729vw;
    width: 100%
}

.detailTopSide[data-v-39faf3c5] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.detailText[data-v-39faf3c5] {
    gap: .4167vw;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: GilroyMedium;
    font-size: .7631vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.detailSubText[data-v-39faf3c5] {
    color: #fff;
    text-align: right;
    font-family: GilroySBold;
    font-size: .7631vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.detailProgress[data-v-39faf3c5] {
    width: 100%;
    display: flex;
    align-items: center;
    height: .125vw;
    border-radius: .0636vw;
    background: rgba(255, 255, 255, .17)
}

.detailProgressLine[data-v-39faf3c5] {
    height: .3646vw;
    width: 50%;
    border-radius: .0636vw;
    background: #fff;
    box-shadow: 0 0 1.1128vw #ffffff4d
}

*[data-v-15c8e1e7] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.shop[data-v-15c8e1e7] {
    gap: .8vw;
    flex-direction: column;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(13.76% 17.09% at 100% -1.57%, rgba(192, 44, 44, .26) 0%, rgba(192, 44, 44, 0) 100%), radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 59.4271vw;
    padding: 2.1875vw;
    height: 64.815%;
    padding-top: 0 !important
}

.topSide[data-v-15c8e1e7] {
    padding-right: 1.6667vw;
    gap: 1.3542vw;
    display: flex;
    width: 100%;
    flex-direction: row-reverse
}

.profileBox[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    width: 13.125vw;
    justify-content: center;
    height: 5.4688vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, .17) 0%, rgba(255, 255, 255, 0) 100%);
    gap: .9375vw
}

.profileImg[data-v-15c8e1e7] {
    position: relative;
    display: flex;
    width: 2.3438vw;
    border-radius: 50%;
    height: 2.3438vw;
    background-size: cover
}

.profileImg[data-v-15c8e1e7]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.3125vw;
    left: -.3125vw;
    right: -.3125vw;
    bottom: -.3125vw;
    border-radius: 50%;
    border: .056vw solid rgba(162, 64, 255, .49)
}

.profileTextBox[data-v-15c8e1e7] {
    gap: .3125vw;
    display: flex;
    flex-direction: column
}

.profileText[data-v-15c8e1e7] {
    color: #ffffffdb;
    font-family: GilroyMedium;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.profileSubText[data-v-15c8e1e7] {
    color: #ffffff75;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.infoBox[data-v-15c8e1e7] {
    padding-top: 1.5625vw;
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.infoText[data-v-15c8e1e7] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.infoSubText[data-v-15c8e1e7] {
    width: 24vw;
    color: #ffffff82;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.titleBox[data-v-15c8e1e7] {
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-15c8e1e7] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-15c8e1e7] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-15c8e1e7] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-15c8e1e7] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.exitBox[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .8333vw;
    right: .8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1042vw;
    background: linear-gradient(153deg, #ff3636 0%, #962626 83.33%);
    transition: .2s ease-in-out
}

.exitBox[data-v-15c8e1e7]:hover {
    cursor: pointer;
    transform: scale(1.1)
}

.bottomSide[data-v-15c8e1e7] {
    overflow: hidden;
    flex: 1;
    display: flex;
    gap: .9896vw
}

.itemSide[data-v-15c8e1e7] {
    overflow: hidden;
    display: flex;
    width: 39.2188vw;
    height: 100%;
    flex-direction: column;
    gap: .6771vw
}

.itemListTopSide[data-v-15c8e1e7] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.itemListTitle[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    gap: .3646vw;
    color: #fff9;
    font-family: GilroyMedium;
    font-size: .9181vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.searchInputBox[data-v-15c8e1e7] {
    width: 15.9896vw;
    height: 1.5625vw;
    display: flex;
    align-items: center;
    position: relative
}

.searchInput[data-v-15c8e1e7] {
    padding-left: 2vw;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    color: #ffffffd1;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .05);
    transition: .15s ease-in-out
}

.searchInput[data-v-15c8e1e7]:focus {
    background: rgba(255, 255, 255, .1)
}

.searchIcon[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    left: 0;
    width: 1.5625vw;
    border-radius: .2083vw 0px 0px .2083vw;
    background: rgba(255, 255, 255, .05)
}

.itemList[data-v-15c8e1e7] {
    flex: 1;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    gap: .5729vw;
    overflow-y: auto;
    overflow-x: hidden
}

[data-v-15c8e1e7]::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.itemBox[data-v-15c8e1e7] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: .7292vw;
    padding-bottom: 1.9792vw !important;
    position: relative;
    width: 9.375vw;
    min-height: 9.7917vw;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .03);
    background: radial-gradient(69.44% 66.49% at 50% 0%, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04);
    transition: background .15s ease-in-out
}

.itemBox[data-v-15c8e1e7]:hover {
    background: radial-gradient(69.44% 66.49% at 50% 0%, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .08);
    cursor: pointer
}

.itemNameBox[data-v-15c8e1e7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .2083vw
}

.itemName[data-v-15c8e1e7] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.itemSubName[data-v-15c8e1e7] {
    color: #ffffff8a;
    font-family: GilroyRegular;
    font-size: .5208vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.itemImg[data-v-15c8e1e7] {
    object-position: center;
    height: 3.8542vw;
    object-fit: contain;
    width: 6vw
}

.itemInfoBox[data-v-15c8e1e7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%
}

.itemInfoText[data-v-15c8e1e7] {
    color: #ffffff75;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.itemBuyButton[data-v-15c8e1e7] {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.4583vw;
    border-radius: 0px 0px .1563vw .1563vw;
    background: rgba(89, 255, 156, .12);
    color: #59ff9cf2;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.itemBuyButton[data-v-15c8e1e7]:hover {
    cursor: pointer;
    color: #000;
    background: #59ff9c;
    box-shadow: 0 0 2.4427vw #59ff9c52
}

.basketSide[data-v-15c8e1e7] {
    overflow: hidden;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    border-radius: .1563vw;
    padding: .9375vw;
    padding-bottom: 5.3125vw !important;
    border: .0521vw solid rgba(255, 255, 255, .12);
    gap: .8333vw
}

.basketItemList[data-v-15c8e1e7] {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.basketItemBox[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .5208vw;
    padding-right: .6771vw;
    width: 100%;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .03);
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04);
    min-height: 2.3438vw;
    transition: background .15s ease-in-out
}

.basketItemBox[data-v-15c8e1e7]:hover {
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .12)
}

.basketItemTitleBox[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    gap: .5208vw
}

.basketItemImg[data-v-15c8e1e7] {
    width: 1.3021vw;
    height: 1.3021vw;
    object-fit: contain;
    object-position: center
}

.basketItemTitleTextBox[data-v-15c8e1e7] {
    display: flex;
    flex-direction: column;
    gap: .2604vw
}

.basketItemTitleText[data-v-15c8e1e7] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .625vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.basketItemTitleSubText[data-v-15c8e1e7] {
    color: #59ff9c;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.basketItemAmountBox[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    gap: .3125vw
}

.amountArrowBox[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .9896vw;
    height: .9896vw;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .03);
    background: rgba(255, 255, 255, .04);
    transition: .15s ease-in-out
}

.amountArrowBox[data-v-15c8e1e7]:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, .4)
}

.amountArrowBox:hover svg[data-v-15c8e1e7] {
    fill-opacity: 1
}

.amountArrowBox svg[data-v-15c8e1e7] {
    width: .6771vw;
    height: .6771vw;
    fill: #fff;
    fill-opacity: .48;
    transition: .15s ease-in-out
}

.basketItemAmountText[data-v-15c8e1e7] {
    width: 1.7188vw;
    color: #fff;
    background-color: #ffffff0a;
    border-radius: .2125vw;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    border: none;
    padding: .2vw 0
}

.basketItemAmountText[data-v-15c8e1e7]:focus {
    outline: none;
    box-shadow: 0 0 .3125vw #ffffff80
}

.totalBasketSide[data-v-15c8e1e7] {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    padding: .9375vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4.375vw;
    border-radius: 0px 0px .1563vw .1563vw;
    background: rgba(255, 255, 255, .04)
}

.totalBasketTextBox[data-v-15c8e1e7] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start
}

.totalBasketText[data-v-15c8e1e7] {
    color: #fff;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.totalBasketSubText[data-v-15c8e1e7] {
    color: #59ff9c;
    text-align: right;
    font-family: GilroySBold;
    font-size: .8974vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.totalBasketButtonList[data-v-15c8e1e7] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .3125vw
}

.totalPayButton[data-v-15c8e1e7] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.1979vw;
    flex: 1;
    border-radius: .1563vw;
    background: rgba(255, 255, 255, .06);
    color: #ffffff7a;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .5208vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .15s ease-in-out
}

.totalPayButton[data-v-15c8e1e7]:hover {
    cursor: pointer;
    background: rgb(117, 221, 127);
    color: #000
}

*[data-v-c0e77592] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.case[data-v-c0e77592] {
    gap: 1vw;
    flex-direction: column;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(13.76% 17.09% at 100% -1.57%, rgba(192, 44, 44, .26) 0%, rgba(192, 44, 44, 0) 100%), radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 59.4271vw;
    padding: 3.4375vw;
    padding-bottom: 2.2396vw !important;
    padding-top: 0 !important
}

.oneCase[data-v-c0e77592] {
    height: 26.2vw;
    display: flex
}

.tribleCase[data-v-c0e77592] {
    height: 43vw;
    display: flex
}

.exitBox[data-v-c0e77592] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .8333vw;
    right: .8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1042vw;
    background: linear-gradient(153deg, #ff3636 0%, #962626 83.33%);
    transition: .2s ease-in-out
}

.exitBox[data-v-c0e77592]:hover {
    cursor: pointer;
    transform: scale(1.1)
}

.topSide[data-v-c0e77592] {
    padding-right: 1.6667vw;
    gap: 1.3542vw;
    display: flex;
    width: 100%;
    flex-direction: row-reverse
}

.profileBox[data-v-c0e77592] {
    display: flex;
    align-items: center;
    width: 13.125vw;
    justify-content: center;
    height: 5.4688vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, .17) 0%, rgba(255, 255, 255, 0) 100%);
    gap: .9375vw
}

.profileImg[data-v-c0e77592] {
    position: relative;
    display: flex;
    width: 2.3438vw;
    border-radius: 50%;
    height: 2.3438vw;
    background-size: cover
}

.profileImg[data-v-c0e77592]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.3125vw;
    left: -.3125vw;
    right: -.3125vw;
    bottom: -.3125vw;
    border-radius: 50%;
    border: .056vw solid rgba(162, 64, 255, .49)
}

.profileTextBox[data-v-c0e77592] {
    gap: .3125vw;
    display: flex;
    flex-direction: column
}

.profileText[data-v-c0e77592] {
    color: #ffffffdb;
    font-family: GilroyMedium;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.profileSubText[data-v-c0e77592] {
    color: #ffffff75;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.infoBox[data-v-c0e77592] {
    padding-top: 1.5625vw;
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.infoText[data-v-c0e77592] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.infoSubText[data-v-c0e77592] {
    width: 24vw;
    color: #ffffff82;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.titleBox[data-v-c0e77592] {
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-c0e77592] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-c0e77592] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-c0e77592] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-c0e77592] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.bottomSide[data-v-c0e77592] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .5208vw
}

.bottomTopSide[data-v-c0e77592] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4.5313vw
}

.leftEffect[data-v-c0e77592] {
    height: .1042vw;
    flex: 1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .39) 100%)
}

.rightEffect[data-v-c0e77592] {
    height: .1042vw;
    flex: 1;
    background: linear-gradient(90deg, rgba(255, 255, 255, .39) 0%, rgba(255, 255, 255, 0) 100%)
}

.selectArrow[data-v-c0e77592] {
    width: 2.9688vw;
    height: 2.7083vw
}

.itemSide[data-v-c0e77592] {
    z-index: 1;
    overflow-y: hidden;
    overflow-x: scroll;
    display: flex;
    align-items: center;
    gap: .7813vw;
    transition: transform .5s ease-out
}

.itemList[data-v-c0e77592] {
    overflow: hidden;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.3542vw;
    align-items: center
}

[data-v-c0e77592]::-webkit-scrollbar {
    height: 0;
    width: 0;
    background: transparent
}

.itemBox[data-v-c0e77592] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: .7292vw;
    position: relative;
    min-width: 9.7396vw;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .03);
    transition: transform .5s ease, margin .5s ease, box-shadow .5s ease;
    background: radial-gradient(69.44% 66.49% at 50% 0%, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04)
}

.selectBox[data-v-c0e77592] {
    scale: .95;
    border: 0px solid gold;
    box-shadow: 0 0 20px 10px gold
}

.oneCase .bottomSide .itemList .itemSide .itemBox[data-v-c0e77592] {
    height: 9.8958vw
}

.tribleCase .bottomSide .itemList .itemSide .itemBox[data-v-c0e77592] {
    height: 7.9167vw
}

.tribleCase .bottomSide .itemList .itemSide .itemBox .itemImg[data-v-c0e77592] {
    height: 3vw
}

.redBox[data-v-c0e77592] {
    background: radial-gradient(69.44% 66.49% at 50% 0%, rgba(255, 132, 132, .06) 0%, rgba(255, 132, 132, 0) 100%), rgba(255, 132, 132, .04)
}

.redBox .itemNameBox .itemName[data-v-c0e77592] {
    color: #ff8484
}

.redBox .circle[data-v-c0e77592],
.redBox.circle2[data-v-c0e77592] {
    background: rgba(255, 132, 132, .05)
}

.blueBox[data-v-c0e77592] {
    background: radial-gradient(69.44% 66.49% at 50% 0%, rgba(119, 198, 255, .06) 0%, rgba(119, 198, 255, 0) 100%), rgba(119, 198, 255, .04)
}

.blueBox .itemNameBox .itemName[data-v-c0e77592] {
    color: #77c6ff
}

.blueBox .circle[data-v-c0e77592],
.blueBox.circle2[data-v-c0e77592] {
    background: rgba(119, 198, 255, .05)
}

.orangeBox[data-v-c0e77592] {
    background: radial-gradient(69.44% 66.49% at 50% 0%, rgba(255, 166, 62, .06) 0%, rgba(255, 166, 62, 0) 100%), rgba(255, 166, 62, .04) !important
}

.orangeBox .itemNameBox .itemName[data-v-c0e77592] {
    color: #ffa63e
}

.orangeBox .circle[data-v-c0e77592],
.orangeBox.circle2[data-v-c0e77592] {
    background: rgba(255, 166, 62, .05)
}

.itemNameBox[data-v-c0e77592] {
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: .2vw
}

.itemName[data-v-c0e77592] {
    color: #fff;
    text-align: center;
    font-family: GilroySBold;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.itemSubName[data-v-c0e77592] {
    color: #ffffff91;
    text-align: center;
    font-family: GilroyRegular;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.itemCountText[data-v-c0e77592] {
    z-index: 1;
    width: 100%;
    color: #ffffff5c;
    text-align: left;
    font-family: GilroyRegular;
    font-size: .625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.itemImg[data-v-c0e77592] {
    z-index: 2;
    width: 7.2917vw;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    height: 4vw;
    object-position: center;
    object-fit: contain
}

.circle[data-v-c0e77592] {
    top: -5.6979vw;
    left: -5.1667vw;
    position: absolute;
    width: 13.0729vw;
    height: 13.0729vw;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    opacity: .8
}

.circle2[data-v-c0e77592] {
    top: -9vw;
    left: -6vw;
    position: absolute;
    width: 13.0729vw;
    height: 13.0729vw;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    opacity: .8
}

.openButton[data-v-c0e77592] {
    display: flex;
    align-items: center;
    gap: .2083vw;
    justify-content: center;
    width: 18.75vw;
    height: 2.5vw;
    position: absolute;
    bottom: 2.2396vw;
    left: 50%;
    transform: translate(-50%);
    border-radius: .1563vw;
    outline: .3vw solid rgba(255, 255, 255, .04);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%);
    box-shadow: 0 .7813vw 2.6719vw #7e30cc4d;
    color: #d9b2ff;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .15s ease-in-out
}

.openButton[data-v-c0e77592]:hover {
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .1) 70.47%), linear-gradient(96deg, #650ac0 -50.61%, #2f055a 94.37%);
    cursor: pointer;
    box-shadow: 0 .7813vw 4.6719vw #7e30cc80
}

.popup[data-v-c0e77592] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.popup-content[data-v-c0e77592] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 400px;
    width: 80%;
    box-shadow: 0 4px 10px #0000004d
}

.popup-content h2[data-v-c0e77592] {
    margin-bottom: 10px;
    color: #650ac0
}

.popup-content h3[data-v-c0e77592] {
    margin: 20px 0;
    color: #333
}

.popup-content button[data-v-c0e77592] {
    padding: 10px 20px;
    background: #650ac0;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer
}

.popup-content button[data-v-c0e77592]:hover {
    background: #53159c
}

*[data-v-8374f79a] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.gunshop[data-v-8374f79a] {
    gap: .8vw;
    flex-direction: column;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(13.76% 17.09% at 100% -1.57%, rgba(192, 44, 44, .26) 0%, rgba(192, 44, 44, 0) 100%), radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 66.5625vw;
    padding: 2.1875vw;
    height: 64.815%;
    padding-top: 0 !important
}

.topSide[data-v-8374f79a] {
    padding-right: 1.6667vw;
    gap: 7.5vw;
    display: flex;
    width: 100%;
    flex-direction: row-reverse
}

.profileBox[data-v-8374f79a] {
    display: flex;
    align-items: center;
    width: 13.125vw;
    justify-content: center;
    height: 5.4688vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, .17) 0%, rgba(255, 255, 255, 0) 100%);
    gap: .9375vw
}

.profileImg[data-v-8374f79a] {
    position: relative;
    display: flex;
    width: 2.3438vw;
    border-radius: 50%;
    height: 2.3438vw;
    background-size: cover
}

.profileImg[data-v-8374f79a]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.3125vw;
    left: -.3125vw;
    right: -.3125vw;
    bottom: -.3125vw;
    border-radius: 50%;
    border: .056vw solid rgba(162, 64, 255, .49)
}

.profileTextBox[data-v-8374f79a] {
    gap: .3125vw;
    display: flex;
    flex-direction: column
}

.profileText[data-v-8374f79a] {
    color: #ffffffdb;
    font-family: GilroyMedium;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.profileSubText[data-v-8374f79a] {
    color: #ffffff75;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.infoBox[data-v-8374f79a] {
    padding-top: 1.5625vw;
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.infoText[data-v-8374f79a] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.infoSubText[data-v-8374f79a] {
    width: 24vw;
    color: #ffffff82;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.titleBox[data-v-8374f79a] {
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-8374f79a] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-8374f79a] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-8374f79a] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-8374f79a] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.exitBox[data-v-8374f79a] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .8333vw;
    right: .8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1042vw;
    background: linear-gradient(153deg, #ff3636 0%, #962626 83.33%);
    transition: .2s ease-in-out
}

.exitBox[data-v-8374f79a]:hover {
    cursor: pointer;
    transform: scale(1.1)
}

.bottomSide[data-v-8374f79a] {
    overflow: hidden;
    flex: 1;
    display: flex;
    gap: .9896vw
}

.itemListTitle[data-v-8374f79a] {
    display: flex;
    align-items: center;
    gap: .3646vw;
    color: #fff9;
    font-family: GilroyMedium;
    font-size: .9181vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.basketSide[data-v-8374f79a] {
    overflow: hidden;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    border-radius: .1563vw;
    padding: .9375vw;
    padding-bottom: 5.3125vw !important;
    border: .0521vw solid rgba(255, 255, 255, .12);
    gap: .8333vw
}

.basketItemList[data-v-8374f79a] {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.basketItemBox[data-v-8374f79a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .5208vw;
    padding-right: .6771vw;
    width: 100%;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .03);
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04);
    min-height: 2.3438vw;
    transition: background .15s ease-in-out
}

.basketItemBox[data-v-8374f79a]:hover {
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .12)
}

.basketItemTitleBox[data-v-8374f79a] {
    display: flex;
    align-items: center;
    gap: .5208vw
}

.basketItemImg[data-v-8374f79a] {
    width: 1.3021vw;
    height: 1.3021vw;
    object-fit: contain;
    object-position: center
}

.basketItemTitleTextBox[data-v-8374f79a] {
    display: flex;
    flex-direction: column;
    gap: .2604vw
}

.basketItemTitleText[data-v-8374f79a] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .625vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.basketItemTitleSubText[data-v-8374f79a] {
    color: #59ff9c;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.basketItemAmountBox[data-v-8374f79a] {
    display: flex;
    align-items: center;
    gap: .3125vw
}

.amountArrowBox[data-v-8374f79a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .9896vw;
    height: .9896vw;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .03);
    background: rgba(255, 255, 255, .04);
    transition: .15s ease-in-out
}

.amountArrowBox[data-v-8374f79a]:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, .4)
}

.amountArrowBox:hover svg[data-v-8374f79a] {
    fill-opacity: 1
}

.amountArrowBox svg[data-v-8374f79a] {
    width: .6771vw;
    height: .6771vw;
    fill: #fff;
    fill-opacity: .48;
    transition: .15s ease-in-out
}

.basketItemAmountText[data-v-8374f79a] {
    width: 1.7188vw;
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.totalBasketSide[data-v-8374f79a] {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    padding: .9375vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4.375vw;
    border-radius: 0px 0px .1563vw .1563vw;
    background: rgba(255, 255, 255, .04)
}

.totalBasketTextBox[data-v-8374f79a] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start
}

.totalBasketText[data-v-8374f79a] {
    color: #fff;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.totalBasketSubText[data-v-8374f79a] {
    color: #59ff9c;
    text-align: right;
    font-family: GilroySBold;
    font-size: .8974vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.totalBasketButtonList[data-v-8374f79a] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .3125vw
}

.totalPayButton[data-v-8374f79a] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.1979vw;
    flex: 1;
    border-radius: .1563vw;
    background: rgba(255, 255, 255, .06);
    color: #ffffff7a;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .5208vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .15s ease-in-out
}

.totalPayButton[data-v-8374f79a]:hover {
    cursor: pointer;
    color: #000;
    background: #59ff9c;
    box-shadow: 0 0 2.4427vw #59ff9c52
}

.totalPayButton.blackCash[data-v-8374f79a]:hover {
    cursor: pointer;
    color: #000;
    background: #334333;
    box-shadow: 0 0 2.4427vw #14151452
}

.itemSide[data-v-8374f79a] {
    width: 46.3542vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .7813vw
}

.itemListSide[data-v-8374f79a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .5208vw
}

.itemListTopSide[data-v-8374f79a] {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.searchInputBox[data-v-8374f79a] {
    width: 15.9896vw;
    height: 1.5625vw;
    display: flex;
    align-items: center;
    position: relative
}

.searchInput[data-v-8374f79a] {
    padding-left: 2vw;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    color: #ffffffd1;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .05);
    transition: .15s ease-in-out
}

.searchInput[data-v-8374f79a]:focus {
    background: rgba(255, 255, 255, .1)
}

.searchIcon[data-v-8374f79a] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    left: 0;
    width: 1.5625vw;
    border-radius: .2083vw 0px 0px .2083vw;
    background: rgba(255, 255, 255, .05)
}

.itemList[data-v-8374f79a] {
    padding-bottom: .3vw;
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    gap: .5208vw
}

.itemList.active[data-v-8374f79a] {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.itemBox[data-v-8374f79a] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding: .7292vw;
    padding-bottom: 2.0833vw !important;
    min-width: 12.8646vw;
    height: 7.9688vw;
    border-radius: .1563vw;
    border: .0521vw solid rgba(255, 255, 255, .03);
    background: radial-gradient(69.44% 66.49% at 50% 0%, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04)
}

.itemBox.active[data-v-8374f79a],
.itemBox.notvip[data-v-8374f79a]:hover {
    background: radial-gradient(69.44% 66.49% at 50% 0%, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .08);
    cursor: pointer
}

.itemBox.vip[data-v-8374f79a]:hover {
    cursor: pointer
}

.itemBox.vip[data-v-8374f79a] {
    color: #ff6a6a6e !important;
    background: rgba(255, 106, 106, .05) !important
}

.itemNameSide[data-v-8374f79a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .2083vw
}

.itemName[data-v-8374f79a] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.itemSubName[data-v-8374f79a] {
    color: #ffffff8a;
    font-family: GilroyRegular;
    font-size: .5208vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.itemImg[data-v-8374f79a] {
    width: 9vw;
    height: 3.2vw;
    object-position: center;
    object-fit: contain
}

.priceButton.notvip[data-v-8374f79a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1.4583vw;
    position: absolute;
    border-radius: 0px 0px .1563vw .1563vw;
    background: rgba(89, 255, 156, .12);
    color: #59ff9cf2;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .15s ease-in-out
}

.priceButton.notvip[data-v-8374f79a]:hover {
    cursor: pointer;
    background: rgba(89, 255, 156, 1);
    color: #000;
    box-shadow: 0 0 2.3646vw #5aff9c57
}

.priceButton.vip[data-v-8374f79a] {
    cursor: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1.4583vw;
    position: absolute;
    border-radius: 0px 0px .1563vw .1563vw;
    background: rgba(255, 106, 89, .12);
    color: #59ff9cf2;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .15s ease-in-out
}

[data-v-8374f79a]::-webkit-scrollbar {
    height: .1042vw;
    background-color: #ffffff18
}

[data-v-8374f79a]::-webkit-scrollbar-thumb {
    height: 100%;
    background-color: #ffffff1a
}

.viewSide[data-v-8374f79a] {
    overflow: hidden;
    position: relative;
    flex: 1;
    display: flex;
    justify-content: space-between
}

.viewNameBox[data-v-8374f79a] {
    display: flex;
    flex-direction: column;
    gap: .2604vw
}

.viewName[data-v-8374f79a] {
    color: #fff;
    font-family: GilroySBold;
    font-size: 1.3542vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.viewSubName[data-v-8374f79a] {
    color: #ffffff8a;
    font-family: GilroyRegular;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.viewDetailBox[data-v-8374f79a] {
    display: flex;
    flex-direction: column;
    gap: 1.0417vw;
    width: 11.9792vw
}

.detailBox[data-v-8374f79a] {
    display: flex;
    flex-direction: column;
    gap: .5729vw;
    width: 100%
}

.detailTopSide[data-v-8374f79a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.detailText[data-v-8374f79a] {
    gap: .4167vw;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: GilroyMedium;
    font-size: .7631vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.detailSubText[data-v-8374f79a] {
    color: #fff;
    text-align: right;
    font-family: GilroySBold;
    font-size: .7631vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.detailProgress[data-v-8374f79a] {
    width: 100%;
    display: flex;
    align-items: center;
    height: .08vw;
    border-radius: .0636vw;
    background: rgba(255, 255, 255, .17)
}

.detailProgressLine[data-v-8374f79a] {
    height: .2604vw;
    width: 50%;
    border-radius: .0636vw;
    background: #fff;
    box-shadow: 0 0 1.1128vw #ffffff4d
}

.addButton.notvip[data-v-8374f79a] {
    transition: .15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 1.9792vw;
    border-radius: .1563vw;
    background: rgba(89, 255, 156, .12);
    color: #59ff9cf2;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.addButton.notvip[data-v-8374f79a]:hover {
    cursor: pointer;
    color: #000;
    background: rgba(89, 255, 156, 1);
    box-shadow: 0 0 2.3646vw #5aff9c57
}

.addButton.vip[data-v-8374f79a] {
    transition: .15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 1.9792vw;
    border-radius: .1563vw;
    background: rgba(255, 106, 89, .12);
    color: #59ff9cf2;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.viewImg[data-v-8374f79a] {
    position: absolute;
    left: 7.5vw;
    top: 65%;
    transform: translateY(-50%);
    width: 22vw;
    height: 70%;
    object-position: center;
    object-fit: contain
}

.detailList[data-v-8374f79a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.0417vw;
    overflow-y: scroll;
    overflow-x: hidden
}

[data-v-8374f79a]::-webkit-scrollbar {
    width: 0
}

.deleteButton[data-v-8374f79a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1563vw;
    transition: .15s ease-in-out;
    background: rgba(255, 56, 56, .16)
}

.deleteButton svg[data-v-8374f79a] {
    fill: #ff3838;
    transition: .15s ease-in-out
}

.deleteButton[data-v-8374f79a]:hover {
    cursor: pointer;
    background: #ff3838;
    box-shadow: 0 0 .4vw #ff393957
}

.deleteButton:hover svg[data-v-8374f79a] {
    fill: #000
}

*[data-v-dc8d0676] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.gofast[data-v-dc8d0676] {
    flex-direction: column;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(13.76% 17.09% at 100% -1.57%, rgba(192, 44, 44, .26) 0%, rgba(192, 44, 44, 0) 100%), radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 21.3021vw;
    padding: 1.7708vw;
    padding-top: 5.2vw !important
}

.titleBox[data-v-dc8d0676] {
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-dc8d0676] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-dc8d0676] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-dc8d0676] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-dc8d0676] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.fightList[data-v-dc8d0676] {
    gap: .625vw;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: .2604vw;
    border: .0521vw solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .04)
}

.fightBox[data-v-dc8d0676] {
    display: flex;
    flex-direction: column;
    gap: .3125vw;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 7.7604vw;
    border-radius: .2604vw;
    border: .0521vw solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .04);
    overflow: hidden;
    transition: .2s ease-in-out
}

.fightBox[data-v-dc8d0676]:hover {
    background: rgba(255, 255, 255, .2);
    cursor: pointer
}

.fightMap[data-v-dc8d0676] {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    transition: .2s ease-in-out
}

.fightBox:hover .fightMap[data-v-dc8d0676] {
    transform: scale(1.05)
}

.fightNameBox[data-v-dc8d0676] {
    z-index: 3;
    display: flex;
    align-items: center;
    gap: .4167vw
}

.fightName[data-v-dc8d0676] {
    color: #ffffffde;
    font-family: GilroySBold;
    font-size: 1.0495vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.fightOnlineBox[data-v-dc8d0676] {
    z-index: 4;
    padding: 0vw .3125vw;
    align-items: center;
    display: flex;
    gap: .4167vw;
    height: 1.4583vw;
    border-radius: .1563vw;
    background: rgba(173, 51, 51, .54);
    backdrop-filter: blur(.2292vw)
}

.fightOnlineText[data-v-dc8d0676] {
    z-index: 3;
    color: #ff4343de;
    font-family: GilroyBold;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.fightOnlineText span[data-v-dc8d0676] {
    color: #ffffff8c;
    font-family: GilroyRegular;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.fightArrow[data-v-dc8d0676] {
    position: absolute;
    z-index: 5;
    right: .7vw;
    fill: #fff;
    fill-opacity: .35;
    transition: .2s ease-in-out
}

.fightBox:hover .fightArrow[data-v-dc8d0676] {
    fill-opacity: 1;
    right: .2604vw !important
}

.exitBox[data-v-dc8d0676] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .8333vw;
    right: .8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1042vw;
    background: linear-gradient(153deg, #ff3636 0%, #962626 83.33%);
    transition: .2s ease-in-out
}

.exitBox[data-v-dc8d0676]:hover {
    cursor: pointer;
    transform: scale(1.1)
}

*[data-v-090524af] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.Register[data-v-090524af] {
    padding-top: 5.625vw !important;
    padding: 2.0833vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 37.7604vw;
    height: 36.4063vw;
    display: flex;
    flex-direction: column;
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    justify-content: space-between
}

.titleBox[data-v-090524af] {
    z-index: 2;
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-090524af] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-090524af] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-090524af] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-090524af] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.bgEffect[data-v-090524af] {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    right: 0;
    bottom: 0;
    border-radius: .5208vw
}

.allTextBox[data-v-090524af] {
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 1.3542vw
}

.textBox[data-v-090524af] {
    display: flex;
    flex-direction: column;
    gap: .3646vw
}

.text[data-v-090524af] {
    color: #fff;
    font-family: GilroyBold;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.subText[data-v-090524af] {
    width: 15.1563vw;
    color: #ffffff87;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 129%
}

.allInputBox[data-v-090524af] {
    display: flex;
    flex-direction: column;
    gap: .7813vw;
    width: 14.375vw
}

.inputBoxs[data-v-090524af] {
    display: flex;
    flex-direction: column;
    gap: .3646vw
}

.inputTopSide[data-v-090524af] {
    display: flex;
    align-items: center;
    gap: .2604vw;
    color: #fff;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.inputTopSide svg[data-v-090524af] {
    width: 1.0417vw;
    height: 1.0417vw;
    fill: #fff
}

.inputBox[data-v-090524af] {
    position: relative;
    width: 16.6146vw;
    height: 1.9792vw;
    display: flex;
    align-items: center
}

.input[data-v-090524af] {
    outline: none;
    padding: 0vw .7vw;
    border: none;
    width: 100%;
    height: 100%;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .08);
    color: #ffffffcb;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    transition: .2s ease-in-out
}

.input[data-v-090524af]:focus {
    background: rgba(255, 255, 255, .15)
}

.inputIconBox[data-v-090524af] {
    z-index: 1;
    position: absolute;
    left: .4167vw;
    display: flex;
    align-items: center;
    gap: .5208vw
}

.inputLine[data-v-090524af] {
    width: .0521vw;
    height: 1.1458vw;
    background: rgba(255, 255, 255, .17)
}

[data-v-090524af]::placeholder {
    color: #ffffff5c;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.buttonBox[data-v-090524af] {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .2708vw;
    width: 16.6146vw;
    height: 2.0833vw;
    border-radius: .2083vw;
    border: .0521vw solid rgba(176, 97, 255, .31);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%);
    color: #c58bff;
    font-family: GilroyMedium;
    font-size: .7137vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.buttonBox svg[data-v-090524af] {
    fill: #c58bff;
    width: 1.1458vw;
    height: 1.1458vw
}

.buttonBox[data-v-090524af]:hover {
    background: linear-gradient(101deg, rgba(101, 10, 192, .3) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%);
    cursor: pointer;
    box-shadow: 0 0 2.6719vw #50089880
}

.infoBox[data-v-090524af] {
    z-index: 3;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    position: absolute;
    right: 1.1979vw;
    bottom: 1.1979vw;
    color: #ffffff61;
    font-family: GilroyMedium;
    font-size: .6005vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.genderList[data-v-090524af] {
    width: 16.6146vw;
    display: flex;
    align-items: center;
    gap: .3646vw
}

.genderBox[data-v-090524af] {
    height: 1.6667vw;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .08);
    gap: .2083vw;
    color: #ffffff6b;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .15s ease-in-out
}

.genderBox svg[data-v-090524af] {
    fill: #fff;
    fill-opacity: .42;
    transition: .15s ease-in-out
}

.genderBox.active[data-v-090524af],
.genderBox[data-v-090524af]:hover {
    cursor: pointer;
    background: white;
    color: #000
}

.genderBox.active svg[data-v-090524af],
.genderBox:hover svg[data-v-090524af] {
    fill: #000;
    fill-opacity: 1
}

*[data-v-57685f43] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.deathscreen[data-v-57685f43] {
    width: 100%;
    height: 100%;
    padding: 2.6042vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    background: radial-gradient(50% 50% at 50% 50%, rgba(6, 10, 16, 0) 0%, rgba(6, 10, 16, .56) 100%), rgba(12, 4, 19, .78)
}

.sideBox[data-v-57685f43] {
    z-index: 3;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2vw
}

.nameText[data-v-57685f43] {
    color: #ffffff7d;
    text-align: center;
    font-family: GilroyMedium;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.deadText[data-v-57685f43] {
    color: #fff;
    text-align: center;
    font-family: Oswald;
    font-size: 5.7623vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.deadText span[data-v-57685f43] {
    color: #a03cff;
    text-align: center;
    text-shadow: 0px 0px 7.4713vw rgba(160, 60, 255, .59);
    font-family: Oswald;
    font-size: 5.7623vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.bottomSide[data-v-57685f43] {
    z-index: 3;
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1.5625vw;
    bottom: 3.5417vw
}

.infoBox[data-v-57685f43] {
    display: flex;
    flex-direction: column;
    gap: .6771vw;
    align-items: center
}

.infoText[data-v-57685f43] {
    color: #ffffff63;
    text-align: center;
    font-family: GilroySBold;
    font-size: 1.1458vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.infoSubText[data-v-57685f43] {
    width: 22.9167vw;
    color: #ffffff38;
    text-align: center;
    font-family: GilroyRegular;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 122%
}

.buttonList[data-v-57685f43] {
    display: flex;
    align-items: center;
    gap: .7813vw
}

.deadButton[data-v-57685f43] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .3125vw;
    height: 2.3438vw;
    transition: transform .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out
}

.deadButton[data-v-57685f43]:hover {
    transform: translateY(-.3125vw);
    box-shadow: 0 0 4vw #e83e3e96
}

.deadButton:hover .deadButtonText[data-v-57685f43],
.deadButton:hover .deadKey[data-v-57685f43] {
    color: #fff
}

.deadKey[data-v-57685f43] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 100%;
    width: 2.3438vw;
    border-radius: .2653vw;
    border: .0521vw solid rgba(255, 255, 255, .07);
    background: #a93434;
    color: #ffffffbf;
    text-align: center;
    font-family: GilroySBold;
    font-size: 1.2382vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%;
    transition: color .3s ease-in-out
}

.buttonBG[data-v-57685f43] {
    z-index: 1;
    object-position: center;
    object-fit: contain;
    position: absolute;
    width: 10.1042vw;
    height: 4.1146vw
}

.deadButtonText[data-v-57685f43] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: .2653vw;
    border: .0442vw solid rgba(255, 255, 255, .07);
    background: #a93434;
    width: 6.7708vw;
    color: #ffffff82;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .6191vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: color .3s ease-in-out
}

.reviveButton[data-v-57685f43] {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 2.3438vw;
    gap: .3125vw;
    transition: transform .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out
}

.reviveButton[data-v-57685f43]:hover {
    transform: translateY(-.3125vw);
    box-shadow: 0 0 4vw #ffffff1a
}

.reviveButton:hover .reviveKey[data-v-57685f43],
.reviveButton:hover .reviveButtonText[data-v-57685f43] {
    background: rgba(255, 255, 255, .2);
    color: #fff
}

.reviveKey[data-v-57685f43] {
    cursor: pointer;
    width: 2.3438vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2685vw;
    background: rgba(255, 255, 255, .11);
    backdrop-filter: blur(.3871vw);
    color: #ffffffbf;
    text-align: center;
    font-family: GilroySBold;
    font-size: 1.2529vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

.reviveButtonText[data-v-57685f43] {
    width: 6.8229vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: .2685vw;
    background: rgba(255, 255, 255, .11);
    backdrop-filter: blur(.3871vw);
    color: #ffffff54;
    font-family: GilroyMedium;
    font-size: .6265vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

.hospitalButton[data-v-57685f43] {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 2.3438vw;
    gap: .3125vw;
    transition: transform .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out
}

.hospitalButton.disabled[data-v-57685f43] {
    cursor: not-allowed;
    pointer-events: none;
    transition: none
}

.hospitalButton[data-v-57685f43]:hover {
    transform: translateY(-.3125vw);
    box-shadow: 0 0 4vw #ffffff1a
}

.hospitalButton:hover .hospitalKey[data-v-57685f43],
.hospitalButton:hover .hospitalButtonText[data-v-57685f43] {
    background: rgba(255, 255, 255, .2);
    color: #fff
}

.hospitalKey[data-v-57685f43] {
    cursor: pointer;
    width: 2.3438vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2685vw;
    background: rgba(255, 255, 255, .11);
    backdrop-filter: blur(.3871vw);
    color: #ffffffbf;
    text-align: center;
    font-family: GilroySBold;
    font-size: 1.2529vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

.hospitalButtonText[data-v-57685f43] {
    width: 6.8229vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: .2685vw;
    background: rgba(255, 255, 255, .11);
    backdrop-filter: blur(.3871vw);
    color: #ffffff54;
    font-family: GilroyMedium;
    font-size: .6265vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

.hospitalButton.disabled .hospitalKey[data-v-57685f43],
.hospitalButton.disabled .hospitalButtonText[data-v-57685f43] {
    background: rgba(255, 255, 255, .02);
    color: #ffffff54
}

.serverInfoBox[data-v-57685f43] {
    z-index: 1;
    position: absolute;
    display: flex;
    top: 1.0417vw;
    right: 1.0417vw;
    gap: .3646vw
}

.serverInfo[data-v-57685f43] {
    display: flex;
    width: fit-content;
    padding: 0vw .2604vw;
    height: 1.6146vw;
    border-radius: .2202vw;
    background: rgba(255, 255, 255, .06);
    gap: .3646vw;
    align-items: center
}

.serverInfoText[data-v-57685f43] {
    display: flex;
    gap: .3vw;
    color: #ffffff87;
    font-family: GilroyMedium;
    font-size: .7339vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.serverInfoText span[data-v-57685f43] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .7339vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.serverInfoIcon[data-v-57685f43] {
    color: #ffffff94;
    font-family: GilroyBold;
    font-size: .8807vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.timeBox[data-v-57685f43] {
    display: flex;
    align-items: center;
    gap: .6771vw;
    color: #fff;
    text-align: center;
    font-family: GilroySBold;
    font-size: 1.8178vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%;
    letter-spacing: 5.235px
}

.time[data-v-57685f43] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.9688vw;
    height: 4.6875vw;
    border-radius: .2424vw;
    border: .0606vw solid rgba(255, 255, 255, .02);
    background: linear-gradient(180deg, rgba(255, 255, 255, .1) -29.31%, rgba(255, 255, 255, 0) 82.76%);
    backdrop-filter: blur(1.0907vw);
    color: #ffffff8a;
    text-align: center;
    font-family: GilroySBold;
    font-size: 1.8178vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%;
    letter-spacing: 5.235px
}

.leftImg[data-v-57685f43] {
    z-index: 2;
    width: 25.5vw;
    height: 33.75vw;
    position: absolute;
    left: 0;
    bottom: 0;
    object-fit: cover
}

.effectImg[data-v-57685f43] {
    width: 100vw;
    height: 56.25vw;
    position: absolute;
    bottom: 0;
    object-fit: cover
}

*[data-v-0f1f6147] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

body[data-v-0f1f6147] {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.General[data-v-0f1f6147] {
    height: 37.3958vw;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(131.07% 139.25% at -5.25% 44.15%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 63.5417vw
}

.titleBox[data-v-0f1f6147] {
    padding-left: 5.1042vw;
    gap: .125vw;
    justify-content: center;
    left: -.625vw;
    flex-direction: column;
    top: -1.224vw;
    position: absolute;
    width: 15.8511vw;
    height: 4.9798vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-0f1f6147] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.1986vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-0f1f6147] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.4028vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-0f1f6147] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 6.7332vw;
    height: 6.7332vw;
    left: -1.875vw
}

.titleBG[data-v-0f1f6147] {
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.rightSide[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    width: 14.4271vw;
    align-items: center;
    height: 100%;
    border-radius: 0px .5208vw .5208vw 0px;
    background: radial-gradient(104.16% 85.96% at 113.36% 100%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(19, 9, 30, .72)
}

.homeProfileBox[data-v-0f1f6147] {
    justify-content: center;
    display: flex;
    align-items: center;
    gap: .9375vw;
    border-radius: 0px .5208vw 0px 0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .17) 0%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 5.5208vw
}

.homeProfileTextBox[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    gap: .3125vw
}

.homeProfileText[data-v-0f1f6147] {
    color: #ffffffdb;
    font-family: GilroyMedium;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.homeProfileSubText[data-v-0f1f6147] {
    color: #ffffff75;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.homeProfileImg[data-v-0f1f6147] {
    width: 2.3438vw;
    height: 2.3438vw;
    border-radius: 50%;
    position: relative;
    background-size: cover
}

.homeProfileImg[data-v-0f1f6147]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.3125vw;
    left: -.3125vw;
    right: -.3125vw;
    bottom: -.3125vw;
    border-radius: 50%;
    border: .056vw solid rgba(162, 64, 255, .49)
}

.miniRankSide[data-v-0f1f6147] {
    position: relative;
    overflow: hidden;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 17.7604vw;
    border-radius: 0px 0px .5208vw;
    background: radial-gradient(247.37% 155.9% at 48.01% 100%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%);
    padding: 1.8229vw;
    justify-content: space-between
}

.miniRankTextBox[data-v-0f1f6147] {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4688vw
}

.miniRankText[data-v-0f1f6147] {
    color: #fff;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.miniRankSubText[data-v-0f1f6147] {
    color: #c990ff;
    text-shadow: 0px -.0521vw 4.026vw rgba(201, 144, 255, .53);
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: rgba(255, 255, 255, .15);
    font-family: Agency FBS;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.miniRankImg[data-v-0f1f6147] {
    z-index: 1;
    width: 6.9792vw;
    height: 3.93045vw;
    scale: 3.2
}

.miniRankProgressSide[data-v-0f1f6147] {
    flex: 1;
    border-radius: .8854vw;
    background: rgba(255, 255, 255, .17);
    height: .2083vw
}

.miniRankProgressBox[data-v-0f1f6147] {
    z-index: 5;
    gap: .2vw;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    width: 12vw
}

.miniRankProgress[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: .8854vw;
    background: #b061ff;
    height: .3125vw;
    width: 50%;
    box-shadow: 0 -.0521vw 1.4479vw #b061ff87
}

.miniRankProgress[data-v-0f1f6147]:before {
    content: "";
    position: absolute;
    right: 0;
    width: .1563vw;
    height: .7292vw;
    background: #d9d9d9
}

.miniRankProgress[data-v-0f1f6147]:after {
    content: var(--after-content, "");
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    text-align: center !important;
    right: -.05vw;
    width: .2vw;
    bottom: -1.2vw;
    color: #fff;
    font-family: Agency FBS;
    font-size: .8414vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.miniRankSay[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    width: fit-content;
    padding: 0vw .3vw;
    height: 1.3542vw;
    border-radius: .2604vw;
    background: linear-gradient(152deg, #650ac0 -64.95%, #2f055a 103.03%);
    color: #fff;
    font-family: Agency FBS;
    font-size: .8414vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.miniRankSay[data-v-0f1f6147]:last-child {
    right: 0
}

.miniRankBg[data-v-0f1f6147] {
    position: absolute;
    width: 20.7292vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 17.6795vw;
    opacity: .1
}

.rightSideBottom[data-v-0f1f6147] {
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 3.125vw !important;
    padding: 0vw 1.4583vw;
    padding-top: .8854vw !important
}

.rightSideBottomList[data-v-0f1f6147] {
    width: 100%;
    display: flex;
    gap: .625vw
}

.miniScoreBox[data-v-0f1f6147] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3646vw
}

.miniScoreText[data-v-0f1f6147] {
    color: #ffffff69;
    text-align: center;
    font-family: GilroySBold;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.miniScore[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.6667vw;
    border-radius: .2604vw;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.miniBottomInfo[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5208vw;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.1875vw;
    border-radius: 0px 0px .5208vw;
    background: rgba(255, 255, 255, .02);
    color: #ffffff47;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.leftSide[data-v-0f1f6147] {
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column
}

.topSide[data-v-0f1f6147] {
    gap: 1.0417vw;
    padding-left: 18.5vw;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 5.5729vw;
    border-radius: .5208vw 0px 0px;
    background: linear-gradient(90deg, #3b0e67 0%, rgba(28, 10, 45, .63) 100%)
}

.topBg[data-v-0f1f6147] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gameButton[data-v-0f1f6147] {
    padding-left: 2.0833vw;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    width: 8.3333vw;
    height: 2.6042vw;
    border-radius: .2771vw;
    background: linear-gradient(90deg, rgba(170, 85, 255, .56) 0%, rgba(170, 85, 255, 0) 100%);
    color: #c990ff;
    font-family: Agency FBS;
    font-size: 1.2581vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.gameButton[data-v-0f1f6147]:hover,
.gameButton.selected[data-v-0f1f6147] {
    cursor: pointer;
    background: linear-gradient(90deg, rgba(170, 85, 255, .8) 0%, rgba(170, 85, 255, 0) 100%)
}

.gameButton:hover .vsImg[data-v-0f1f6147],
.vsImg.selected[data-v-0f1f6147] {
    transform: scale(1.1)
}

.vsImg[data-v-0f1f6147] {
    width: 3.2813vw;
    height: 3.2813vw;
    object-fit: cover;
    position: absolute;
    left: -1.7vw;
    transition: .2s ease-in-out
}

.topButton[data-v-0f1f6147] {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0vw 1.0417vw;
    height: 1.7708vw;
    border-radius: .3528vw;
    background: rgba(255, 255, 255, .05);
    color: #ffffff7d;
    font-family: GilroyMedium;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.topButton[data-v-0f1f6147]:hover,
.topButton.selected[data-v-0f1f6147] {
    cursor: pointer;
    background: rgba(255, 255, 255, .1);
    color: #fffc
}

.bottomSide[data-v-0f1f6147] {
    flex: 1;
    padding: 1.9792vw 1.9792vw 2.3958vw 2.3958vw
}

.gamePage[data-v-0f1f6147],
.profilePage[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    gap: .8854vw
}

.bottomTopSide[data-v-0f1f6147] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.pageTitleBox[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    gap: .6771vw;
    color: #fff;
    font-family: GilroyMedium;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.pageTitleBox svg[data-v-0f1f6147] {
    width: 1.4583vw;
    height: 1.4583vw;
    fill: #fff
}

.pageSearchInputBox[data-v-0f1f6147] {
    width: 15.9896vw;
    height: 1.5625vw;
    position: relative
}

.pageSearchInput[data-v-0f1f6147] {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .05);
    color: #ffffffd3;
    font-family: GilroyMedium;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    padding-left: 2vw;
    transition: .2s ease-in-out
}

.pageSearchInput[data-v-0f1f6147]:focus {
    background: rgba(255, 255, 255, .08)
}

.pageSearchIcon[data-v-0f1f6147] {
    width: 1.5625vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .2083vw 0px 0px .2083vw;
    background: rgba(255, 255, 255, .05)
}

.gameList[data-v-0f1f6147] {
    display: flex;
    flex: 1;
    gap: 1.1979vw
}

.gameBox[data-v-0f1f6147] {
    padding-bottom: 3.4896vw !important;
    position: relative;
    padding: .7813vw;
    width: 14.0625vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: .6771vw;
    border-radius: .2604vw;
    border: .0521vw solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .04)
}

.gameBox.hoverable[data-v-0f1f6147] {
    cursor: pointer
}

.gameBoxBg[data-v-0f1f6147] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: .2s ease-in-out
}

.gameOnlineBox[data-v-0f1f6147] {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125vw;
    padding: 0vw .2604vw;
    height: 1.4583vw;
    border-radius: .1563vw;
    background: rgba(51, 173, 71, .54)
}

.gameOnlineText[data-v-0f1f6147] {
    color: #43ff61de;
    font-family: GilroyBold;
    font-size: .8vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.gameOnlineText span[data-v-0f1f6147] {
    color: #ffffff8c;
    font-family: GilroyRegular;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.gameInfo[data-v-0f1f6147] {
    z-index: 1;
    color: #fff;
    text-align: center;
    font-family: Agency FBS;
    font-size: 2.7004vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.gameInfo span[data-v-0f1f6147] {
    color: #ffffff7a;
    font-family: Agency FBS;
    font-size: 2.7004vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.gameName[data-v-0f1f6147] {
    position: absolute;
    left: .7813vw;
    top: .7813vw;
    width: fit-content;
    z-index: 1;
    padding: 0vw .4688vw;
    display: flex;
    align-items: center;
    gap: .5208vw;
    border-radius: .1953vw;
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(.2865vw);
    height: 1.8229vw;
    color: #ffffffde;
    font-family: GilroyMedium;
    font-size: .8464vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.joinButton[data-v-0f1f6147] {
    z-index: 1;
    height: 2.0313vw;
    color: #ffffff5c;
    font-family: GilroyMedium;
    font-size: .7813vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 0px .2604vw .2604vw;
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(.3333vw);
    cursor: pointer;
    transition: .2s ease-in-out
}

.joinButton[data-v-0f1f6147]:hover {
    cursor: pointer;
    color: #fffc;
    background: rgba(255, 255, 255, .2)
}

.gameBox:hover .gameBoxBg.hoverable[data-v-0f1f6147] {
    scale: 1.1
}

.profileSide[data-v-0f1f6147] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.profileRankBox[data-v-0f1f6147] {
    padding-left: .7292vw;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 15.7813vw;
    gap: 3.6458vw
}

.profileRankBg[data-v-0f1f6147] {
    position: absolute;
    width: 46.1979vw;
    height: 100%;
    left: -2.3958vw;
    background: linear-gradient(90deg, rgba(74, 29, 118, .26) 0%, rgba(74, 29, 118, 0) 100%)
}

.profileRankStatusBox[data-v-0f1f6147] {
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .4688vw
}

.profileRankImg[data-v-0f1f6147] {
    z-index: 2;
    width: 11.4583vw;
    height: 9.7726vw;
    object-fit: contain;
    scale: 2.2
}

.profileRankEffectImg[data-v-0f1f6147] {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: -5vw;
    transform: translateY(-50%);
    width: 23.8542vw;
    height: 20.3125vw;
    opacity: .1;
    height: 15.7813vw;
    object-fit: cover
}

.profileRankBg2[data-v-0f1f6147] {
    left: -2.3958vw;
    position: absolute;
    width: 19.375vw;
    height: 12.7604vw;
    background: linear-gradient(90deg, rgba(74, 29, 118, .74) 0%, rgba(74, 29, 118, 0) 100%)
}

.profileRankScoreList[data-v-0f1f6147] {
    z-index: 2;
    display: flex;
    width: 14.0104vw;
    flex-wrap: wrap;
    row-gap: 1.25vw;
    gap: 1.0417vw
}

.profileRankScore[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4271vw;
    min-width: 5vw;
    flex: 1
}

.profileRankScoreText[data-v-0f1f6147] {
    color: #ffffff69;
    text-align: center;
    font-family: GilroySBold;
    font-size: 1vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.profileRankScoreSay[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.9792vw;
    border-radius: .3125vw;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.profileRankTotalScore[data-v-0f1f6147] {
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: .5729vw;
    align-items: center;
    color: #ffffff69;
    text-align: center;
    font-family: GilroySBold;
    font-size: 1.3994vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.profileRankTotalScoreBox[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.8125vw;
    width: fit-content;
    padding: 0vw 1.25vw;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.7492vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    border-radius: .4373vw;
    background: linear-gradient(101deg, #650ac0 7.74%, #2f055a 184.5%);
    box-shadow: 0 0 5.8542vw #650ac09c
}

.profileMatchInfoBox[data-v-0f1f6147] {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: .7292vw;
    gap: 1.3542vw;
    height: 7.9167vw
}

.profileMatchInfoBg[data-v-0f1f6147] {
    position: absolute;
    left: -2.3958vw;
    width: 45.0521vw;
    height: 100%;
    background: linear-gradient(90deg, rgba(74, 29, 118, .26) 0%, rgba(74, 29, 118, 0) 100%)
}

.profileMatchScoreBox[data-v-0f1f6147] {
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: .625vw;
    width: 5.2083vw
}

.profileMatchScoreText[data-v-0f1f6147] {
    width: 100%;
    color: #ffffff69;
    text-align: center;
    font-family: GilroySBold;
    font-size: .8375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.profileMatchScoreScore[data-v-0f1f6147] {
    height: 3.4896vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2604vw;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.userProfilePage[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    gap: .8854vw
}

.userProfilePage .profileSide .profileRankBox[data-v-0f1f6147] {
    justify-content: center
}

.userProfilePage .profileSide .profileRankBox .profileRankEffectImg[data-v-0f1f6147] {
    left: 9vw
}

.rankProfileBox[data-v-0f1f6147] {
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .8333vw
}

.rankProfileImg[data-v-0f1f6147] {
    position: relative;
    width: 4.0104vw;
    height: 4.0104vw;
    border-radius: 50%;
    background-size: cover
}

.rankProfileImg[data-v-0f1f6147]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.388vw;
    left: -.388vw;
    right: -.388vw;
    bottom: -.388vw;
    border-radius: 50%;
    border: .056vw solid rgba(162, 64, 255, .49)
}

.rankProfileTextBox[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    gap: .4688vw;
    align-items: center
}

.rankProfileText[data-v-0f1f6147] {
    color: #ffffffdb;
    font-family: GilroySBold;
    font-size: 1.4vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.rankProfileSubText[data-v-0f1f6147] {
    color: #ffffff75;
    font-family: GilroyRegular;
    font-size: 1.1594vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.leaderboardPage[data-v-0f1f6147] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: .8854vw
}

.leaderboardSide[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 1.1458vw;
    overflow: hidden
}

.leaderList[data-v-0f1f6147] {
    padding-left: .2083vw;
    padding-top: .3125vw;
    overflow-y: scroll;
    overflow-x: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .7292vw
}

[data-v-0f1f6147]::-webkit-scrollbar {
    width: 0;
    background-color: transparent
}

.leaderPlayerBox[data-v-0f1f6147] {
    justify-content: space-between;
    padding-left: 2.0313vw;
    align-items: center;
    display: flex;
    width: 100%;
    min-height: 2.2917vw;
    height: 2.2917vw;
    border-radius: .2604vw;
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(.1042vw)
}

.leaderPlayerProfileBox[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    gap: .625vw
}

.leaderPlayerProfileImg[data-v-0f1f6147] {
    width: 1.4583vw;
    height: 1.4583vw;
    border-radius: 50%;
    object-fit: cover
}

.leaderPlayerProfileNameBox[data-v-0f1f6147] {
    width: 11.9792vw;
    gap: .5208vw;
    display: flex;
    align-items: center
}

.leaderPlayerProfileName[data-v-0f1f6147] {
    color: #ffffff85;
    font-family: GilroyMedium;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.leaderPlayerProfileName[data-v-0f1f6147]:hover {
    color: #ffffff85;
    font-family: GilroyMedium;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    cursor: pointer
}

.leaderPlayerProfileRankImg[data-v-0f1f6147] {
    width: 1.25vw;
    height: 1.0938vw;
    object-fit: contain;
    object-position: center;
    scale: 3.5
}

.leaderPlayerScore[data-v-0f1f6147] {
    width: 6.0417vw;
    color: #ffffff85;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.leaderPlayerTotalScore[data-v-0f1f6147] {
    width: 6.4063vw;
    border-radius: .2604vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .04);
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.leaderPlayerBoxRankSay[data-v-0f1f6147] {
    top: -.3125vw;
    left: -.2083vw;
    width: 1.7708vw;
    height: 1.7708vw;
    position: absolute;
    border-radius: .1563vw;
    background: #493c50;
    backdrop-filter: blur(1.6198vw);
    color: #fff;
    text-align: center;
    font-family: GilroySBold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.leaderLine[data-v-0f1f6147] {
    width: 100%;
    height: .0521vw;
    background: rgba(255, 255, 255, .11)
}

.leaderMeStatus[data-v-0f1f6147] {
    width: 100%;
    padding-left: .2083vw
}

.leaderMeStatus .leaderPlayerBox[data-v-0f1f6147] {
    background: rgba(255, 255, 255, .15)
}

.leaderMeStatus .leaderPlayerBox .leaderPlayerProfileBox .leaderPlayerProfileNameBox .leaderPlayerProfileName[data-v-0f1f6147],
.leaderMeStatus .leaderPlayerBox .leaderPlayerScore[data-v-0f1f6147] {
    color: #fff
}

.leaderListInfo[data-v-0f1f6147] {
    padding-left: 2.3vw;
    gap: 3.3vw;
    width: 100%;
    display: flex;
    align-items: center
}

.leaderListInfoText[data-v-0f1f6147] {
    width: 6.0417vw;
    color: #ffffff85;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.leaderListInfoText[data-v-0f1f6147]:nth-child(1) {
    width: 14.1vw;
    text-align: left
}

.historyPage[data-v-0f1f6147] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: .8854vw
}

.historyList[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: .5208vw;
    overflow-y: scroll;
    overflow-x: hidden
}

.historyBox[data-v-0f1f6147] {
    padding: 1.1458vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 5vw;
    border-radius: .2604vw;
    border: .0521vw solid rgba(255, 255, 255, .06)
}

.winHistory[data-v-0f1f6147] {
    background: linear-gradient(90deg, rgba(97, 255, 121, .17) 0%, rgba(97, 255, 121, 0) 39.73%), rgba(255, 255, 255, .04)
}

.loseHistory[data-v-0f1f6147] {
    background: linear-gradient(90deg, rgba(255, 97, 97, .17) 0%, rgba(255, 97, 97, 0) 39.73%), rgba(255, 255, 255, .04)
}

.historyPlayerBox[data-v-0f1f6147] {
    display: flex;
    gap: 1.1979vw;
    align-items: center
}

.historyPlayerProfileImg[data-v-0f1f6147] {
    background-size: cover;
    width: 2.7083vw;
    height: 2.7083vw;
    border-radius: 50%;
    position: relative
}

.historyPlayerProfileImg[data-v-0f1f6147]:before {
    content: "";
    position: absolute;
    display: flex;
    top: -.2604vw;
    left: -.2604vw;
    right: -.2604vw;
    bottom: -.2604vw;
    border-radius: 50%
}

.winHistory .historyPlayerBox .historyPlayerProfileImg[data-v-0f1f6147]:before {
    border: .0521vw solid #61ff79
}

.loseHistory .historyPlayerBox .historyPlayerProfileImg[data-v-0f1f6147]:before {
    border: .0521vw solid #ff6161
}

.historyPlayerTextBox[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    gap: .4688vw
}

.historyPlayerText[data-v-0f1f6147] {
    font-family: Agency FBS;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.historyPlayerSubText[data-v-0f1f6147] {
    color: #fff;
    font-family: GilroyMedium;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.winHistory .historyPlayerBox .historyPlayerTextBox .historyPlayerText[data-v-0f1f6147] {
    color: #61ff79
}

.loseHistory .historyPlayerBox .historyPlayerTextBox .historyPlayerText[data-v-0f1f6147] {
    color: #ff6161
}

.historyLine[data-v-0f1f6147] {
    height: 100%;
    width: .0521vw;
    background: rgba(255, 255, 255, .13)
}

.historyScoreBox[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    gap: .5729vw;
    color: #ffffff57;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.historyScoreList[data-v-0f1f6147] {
    display: flex;
    gap: .4167vw
}

.historyScore[data-v-0f1f6147] {
    height: 1.25vw;
    padding: 0vw .3646vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1042vw;
    border-radius: .1563vw;
    background: rgba(255, 255, 255, .15);
    color: #ffffff75;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.historyScoreText[data-v-0f1f6147] {
    color: #ffffff75;
    font-family: GilroyBold;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.historyScoreGreen[data-v-0f1f6147] {
    color: #43ff61de !important;
    background: rgba(51, 173, 71, .54) !important
}

.historyScoreGreen .historyScoreText[data-v-0f1f6147] {
    color: #43ff61de
}

.endGamePage[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5208vw;
    outline: .625vw solid rgba(0, 0, 0, .19);
    background: radial-gradient(131.07% 139.25% at -5.25% 44.15%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(2, 1, 3, .9);
    width: 47.1354vw;
    height: 35.8854vw
}

.endTopSide[data-v-0f1f6147] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: .3125vw;
    height: 4.3229vw;
    padding-left: 16.875vw
}

.endInfoText[data-v-0f1f6147] {
    color: #fff;
    font-family: GilroySBold;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.endInfoSubText[data-v-0f1f6147] {
    width: 19.7917vw;
    color: #ffffff82;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.endGameSide[data-v-0f1f6147] {
    display: flex;
    gap: 1.3021vw;
    flex: 1;
    padding: 1.9792vw;
    padding-top: 1.6146vw !important
}

.endGameMatchInfoSide[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.endGameMatchInfo[data-v-0f1f6147] {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: .7813vw;
    width: 14.0625vw;
    height: 19.8438vw;
    border-radius: .2604vw;
    border: .0521vw solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .04)
}

.endGameMatchInfoTopSide[data-v-0f1f6147] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.endGameName[data-v-0f1f6147] {
    width: fit-content;
    z-index: 1;
    padding: 0vw .4688vw;
    display: flex;
    align-items: center;
    gap: .5208vw;
    border-radius: .1953vw;
    background: rgba(255, 255, 255, .18);
    height: 1.8229vw;
    color: #ffffffde;
    font-family: GilroyMedium;
    font-size: .8464vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.endGameMatchInfoBg[data-v-0f1f6147] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    z-index: -1
}

.endGameMatchInfoTopBox[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: .8333vw
}

.endGameMatchMode[data-v-0f1f6147] {
    color: #fff;
    text-align: center;
    font-family: Agency FBS;
    font-size: 2.7004vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.endGameMatchMode span[data-v-0f1f6147] {
    color: #ffffff7a
}

.endGameMatchInfoTimeBox[data-v-0f1f6147] {
    padding: 0vw .3646vw;
    gap: .3125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 1.4583vw;
    border-radius: .1563vw;
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-family: Agency FBS;
    font-size: .7813vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.endGameMatchPlayerInfo[data-v-0f1f6147] {
    width: 100%;
    display: flex;
    gap: .2604vw
}

.endGameScore[data-v-0f1f6147] {
    flex: 2;
    height: 1.4583vw;
    padding: 0vw .3646vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1042vw;
    border-radius: .1563vw;
    background: rgba(255, 255, 255, .15);
    color: #ffffff75;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.endGameScore[data-v-0f1f6147]:nth-child(1) {
    flex: 1
}

.endGameRankSide[data-v-0f1f6147] {
    padding: 1.3021vw 0vw 1.3021vw 1.3021vw;
    display: flex;
    align-items: center;
    gap: .8333vw;
    width: 14.0625vw;
    height: 7.2917vw;
    border-radius: .3646vw;
    background: radial-gradient(250.51% 163.99% at 0% 8.21%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%)
}

.endGameRankImg[data-v-0f1f6147] {
    width: 5.5208vw;
    height: 4.7086vw;
    object-fit: contain;
    object-position: center;
    scale: 2.5
}

.endGameRankRightSide[data-v-0f1f6147] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .7813vw
}

.endGameRankNameBox[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    gap: .2604vw
}

.endGameRankName[data-v-0f1f6147] {
    color: #fff;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.endGameRankSubName[data-v-0f1f6147] {
    color: #c990ff;
    text-shadow: 0px -.0521vw 4.026vw rgba(201, 144, 255, .53);
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: rgba(255, 255, 255, .15);
    font-family: Agency FBS;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.endGameRankTotalScore[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    gap: .2604vw;
    align-items: center;
    color: #ffffff69;
    text-align: center;
    font-family: GilroySBold;
    font-size: .6829vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.endGameRankTotalScoreBox[data-v-0f1f6147] {
    padding: 0vw .5208vw;
    height: 1.3021vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: .2134vw;
    background: linear-gradient(101deg, #650ac0 7.74%, #2f055a 184.5%);
    box-shadow: 0 0 2.8568vw #650ac09c;
    color: #fff;
    font-family: Agency FBS;
    font-size: .8536vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.endGamePlayerSide[data-v-0f1f6147] {
    justify-content: space-between;
    flex: 1;
    display: flex;
    flex-direction: column
}

.endGameTeamList[data-v-0f1f6147] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .5208vw
}

.endGameTeamPlayerBox[data-v-0f1f6147] {
    position: relative;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding-left: .625vw;
    padding-right: .4688vw;
    width: 100%;
    border-radius: .2604vw;
    border: .0521vw solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .04);
    height: 1.9792vw
}

.endGameTeamPlayerName[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    gap: .5208vw;
    color: #ffffff70;
    font-family: GilroyMedium;
    font-size: .7813vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.endGameTeamPlayerProfile[data-v-0f1f6147] {
    width: 1.1458vw;
    height: 1.1458vw;
    border-radius: 50%;
    object-fit: cover
}

.endGameTeamPlayerSay[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -.8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1563vw;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(.8828vw);
    color: #ffffff96;
    text-align: center;
    font-family: GilroySBold;
    font-size: .625vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.player1[data-v-0f1f6147] {
    background: linear-gradient(91deg, rgba(255, 196, 57, .55) .45%, rgba(255, 196, 57, 0) 71.2%), rgba(255, 255, 255, .08)
}

.player1 .endGameTeamPlayerName[data-v-0f1f6147] {
    color: #fff
}

.player2[data-v-0f1f6147] {
    background: linear-gradient(90deg, rgba(255, 255, 255, .24) .32%, rgba(255, 255, 255, 0) 63.54%), rgba(255, 255, 255, .08)
}

.player2 .endGameTeamPlayerName[data-v-0f1f6147] {
    color: #fff
}

.player3[data-v-0f1f6147] {
    background: linear-gradient(91deg, rgba(255, 194, 140, .15) .47%, rgba(255, 194, 140, 0) 59.83%), rgba(255, 255, 255, .08)
}

.player3 .endGameTeamPlayerName[data-v-0f1f6147] {
    color: #fff
}

.endGameTeamScoreBox[data-v-0f1f6147] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.endGameTeamScoreSay[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.231vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    gap: .8229vw
}

.endGameTeamScoreSayText[data-v-0f1f6147] {
    font-family: Agency FBS;
    font-size: 2.4621vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.greenTeam[data-v-0f1f6147] {
    color: #0059ff
}

.redTeam[data-v-0f1f6147] {
    color: #ff5050
}

.endGameTeamScoreInfoText[data-v-0f1f6147] {
    color: #ffffff82;
    font-family: GilroyRegular;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.endGameTeamScoreTimeSay[data-v-0f1f6147] {
    gap: .3646vw;
    padding: 0vw .4688vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 1.875vw;
    border-radius: .2019vw;
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.0096vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.exitBox[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .8333vw;
    right: .8333vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: .1042vw;
    background: linear-gradient(153deg, #ff3636 0%, #962626 83.33%);
    transition: .2s ease-in-out
}

.exitBox[data-v-0f1f6147]:hover {
    cursor: pointer;
    transform: scale(1.1)
}

.finishPage[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 15.1042vw;
    outline: .625vw solid rgba(16, 3, 29, .42);
    background: radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), radial-gradient(132.8% 1041% at 50% 50%, #020103 0%, rgba(2, 1, 3, 0) 100%);
    animation: finishAnim-0f1f6147 1s ease-in-out
}

.finishRankImg[data-v-0f1f6147] {
    z-index: 2;
    position: absolute;
    width: 32.3157vw;
    height: 18.1771vw;
    margin-left: 4vw;
    margin-top: 3vh;
    animation: rank-zoom-0f1f6147 .25s ease-in-out
}

.finishRankImgGlow[data-v-0f1f6147] {
    z-index: 1;
    position: absolute;
    width: 32.3157vw;
    height: 18.1771vw;
    filter: blur(4.3438vw);
    margin-left: 4vw;
    margin-top: 3vh
}

@keyframes shake-rank-0f1f6147 {
    0% {
        transform: translate(1px, 1px) rotate(0)
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg)
    }

    20% {
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        transform: translate(3px, 2px) rotate(0)
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px, 1px) rotate(0)
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg)
    }

    90% {
        transform: translate(1px, 2px) rotate(0)
    }

    to {
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

@keyframes rank-zoom-0f1f6147 {

    0%,
    to {
        transform: scale(1)
    }

    25%,
    75% {
        transform: scale(1.225)
    }

    50% {
        transform: scale(1.45)
    }
}

.finishTextBox[data-v-0f1f6147] {
    position: absolute;
    left: 18.9063vw;
    z-index: 5;
    width: 20vw;
    display: flex;
    flex-direction: column;
    gap: .1875vw;
    align-items: center;
    animation: finishAnim2-0f1f6147 2s ease-in-out
}

.finishText[data-v-0f1f6147] {
    z-index: 2;
    color: #fff;
    text-align: center;
    font-family: Agency FBS;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.finishSubText[data-v-0f1f6147] {
    z-index: 2;
    color: #c990ff;
    text-align: center;
    text-shadow: 0px 0px 5.651vw #c990ff;
    font-family: Agency FBS;
    font-size: 4.91vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    text-transform: uppercase
}

.finishTextGlow[data-v-0f1f6147] {
    opacity: .1;
    position: absolute;
    color: #c990ff;
    text-shadow: 0px 0px 11.315vw #c990ff;
    font-family: Agency FBS;
    font-size: 9.8313vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    text-transform: uppercase
}

.finishRankProgressBox[data-v-0f1f6147] {
    transform: scale(1.8);
    position: absolute;
    right: 23vw;
    z-index: 5;
    align-items: center;
    display: flex;
    width: 10.0521vw;
    height: .2083vw;
    border-radius: .8854vw;
    background: rgba(255, 255, 255, .17);
    animation: finishAnim2-0f1f6147 2s ease-in-out
}

@keyframes finishAnim-0f1f6147 {
    0% {
        opacity: 0;
        width: 0vw
    }

    to {
        opacity: 1;
        width: 100%
    }
}

@keyframes finishRank-0f1f6147 {
    0% {
        opacity: 0;
        transform: scale(.1)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes finishAnim2-0f1f6147 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gameBoxLoading[data-v-0f1f6147] {
    justify-content: center;
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2vw;
    top: 0;
    width: 100%;
    z-index: 10;
    height: 100%;
    background: rgba(0, 0, 0, .68);
    backdrop-filter: blur(.0729vw)
}

.loader-6[data-v-0f1f6147] {
    position: relative;
    height: 2vw;
    width: 2vw
}

.loader-6 span[data-v-0f1f6147] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 2vw;
    width: 2vw
}

.loader-6 span[data-v-0f1f6147]:before,
.loader-6 span[data-v-0f1f6147]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 2vw;
    width: 2vw;
    border: .1042vw solid #fff;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: loader-6-1-0f1f6147 1.5s cubic-bezier(.075, .82, .165, 1) infinite;
    animation: loader-6-1-0f1f6147 1.5s cubic-bezier(.075, .82, .165, 1) infinite
}

@-webkit-keyframes loader-6-1-0f1f6147 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 0, 0) scale(1.5);
        opacity: 0
    }
}

@keyframes loader-6-1-0f1f6147 {
    0% {
        transform: translateZ(0) scale(0);
        opacity: 1
    }

    to {
        transform: translateZ(0) scale(1.5);
        opacity: 0
    }
}

.loader-6 span[data-v-0f1f6147]:after {
    -webkit-animation: loader-6-2-0f1f6147 1.5s cubic-bezier(.075, .82, .165, 1) .25s infinite;
    animation: loader-6-2-0f1f6147 1.5s cubic-bezier(.075, .82, .165, 1) .25s infinite
}

@-webkit-keyframes loader-6-2-0f1f6147 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        opacity: 0
    }
}

@keyframes loader-6-2-0f1f6147 {
    0% {
        transform: translateZ(0) scale(0);
        opacity: 1
    }

    to {
        transform: translateZ(0) scale(1);
        opacity: 0
    }
}

.loaderText[data-v-0f1f6147] {
    color: #fff;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .933vw;
    font-style: normal;
    font-weight: 500;
    line-height: 119%
}

.loaderTime[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0vw .3229vw;
    width: fit-content;
    height: 1.3542vw;
    border-radius: .2488vw;
    background: rgba(255, 255, 255, .08);
    color: #ffffff87;
    text-align: center;
    font-family: GilroyMedium;
    font-size: .8085vw;
    font-style: normal;
    font-weight: 600;
    line-height: 119%
}

.loaderTextList[data-v-0f1f6147] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5vw
}

.stopButton[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.0313vw;
    border-radius: 0 0 5px 5px;
    background: rgba(255, 92, 92, .1);
    color: #ff5c5cb3;
    font-family: GilroyMedium;
    font-size: .7813vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.stopButton[data-v-0f1f6147]:hover {
    cursor: pointer;
    background: rgba(255, 92, 92, .2);
    color: #ff5c5c
}

.settingsButton[data-v-0f1f6147] {
    z-index: 3;
    width: 1.8229vw;
    height: 1.8229vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3528vw;
    background: rgba(255, 255, 255, .05);
    transition: .2s ease-in-out
}

.settingsButton[data-v-0f1f6147]:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, .1);
    color: #fffc
}

.settingsButton svg[data-v-0f1f6147] {
    fill: #fff;
    opacity: .33;
    transition: .2s ease-in-out
}

.settingsButton:hover svg[data-v-0f1f6147] {
    opacity: .6
}

.popupSide[data-v-0f1f6147] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99
}

.popupBox[data-v-0f1f6147] {
    padding: 1.4583vw;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 1.0417vw;
    width: 20.5729vw;
    border-radius: .7292vw;
    border: .0521vw solid rgba(255, 255, 255, .07);
    background: radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(12, 8, 16, .9);
    backdrop-filter: blur(.2943vw)
}

.popupTitle[data-v-0f1f6147] {
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.3542vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.popupLine[data-v-0f1f6147] {
    height: .0521vw;
    width: 100%;
    background: rgba(255, 255, 255, .1)
}

.popupProfileBox[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    gap: .9375vw
}

.popupInputBoxs[data-v-0f1f6147] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .5729vw;
    color: #fff;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.popupInputBox[data-v-0f1f6147] {
    position: relative;
    width: 100%;
    height: 2.0833vw
}

.popupInput[data-v-0f1f6147] {
    padding: 0vw .6vw;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    border-radius: .2604vw;
    background: rgba(255, 255, 255, .04);
    color: #ffffffcb;
    font-family: GilroyMedium;
    font-size: .7292vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.popupImgListContainer[data-v-0f1f6147] {
    width: 100%;
    max-height: 10rem;
    overflow-y: auto;
    padding: .5rem;
    border: 1px solid rgba(255, 255, 255, .1)
}

.popupImgList[data-v-0f1f6147] {
    display: flex;
    flex-wrap: wrap;
    gap: .253906235rem
}

.popupProfileImg[data-v-0f1f6147] {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    transition: transform .2s ease-in-out
}

.popupProfileImg.selected[data-v-0f1f6147] {
    border: 3px solid #7729c5
}

.popupProfileImg[data-v-0f1f6147]:hover {
    transform: scale(1.1)
}

.saveButton[data-v-0f1f6147] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.2917vw;
    border-radius: .2604vw;
    background: linear-gradient(101deg, #650ac0 7.74%, #2f055a 184.5%);
    color: #fff;
    font-family: GilroySBold;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.saveButton[data-v-0f1f6147]:hover {
    cursor: pointer;
    background: linear-gradient(101deg, #650ac0 50%, #2f055a 184.5%)
}

*[data-v-8ba306c6] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

@keyframes pageEnter-8ba306c6 {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.pausemenu[data-v-8ba306c6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: radial-gradient(50% 50% at 50% 50%, rgba(6, 10, 16, 0) 0%, rgba(6, 10, 16, .56) 100%), rgba(12, 4, 19, .78)
}

.menuSide[data-v-8ba306c6] {
    animation: pageEnter-8ba306c6 .5s ease-in-out forwards;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 1.9792vw;
    width: 62.9167vw
}

.topSide[data-v-8ba306c6] {
    padding-right: 1.25vw;
    padding-left: 19.8958vw;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    background: linear-gradient(90deg, rgba(160, 60, 255, .36) 0%, rgba(160, 60, 255, 0) 100%);
    height: 4.7396vw
}

.titleBox[data-v-8ba306c6] {
    left: 0;
    z-index: 5;
    padding-left: 6vw;
    gap: .1563vw;
    bottom: 0vw;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    width: 18.3854vw;
    height: 5.7813vw;
    display: flex;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .19);
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.titleText[data-v-8ba306c6] {
    z-index: 2;
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 2.5539vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-8ba306c6] {
    z-index: 2;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.6295vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.Logo[data-v-8ba306c6] {
    z-index: 1;
    position: absolute;
    object-fit: cover;
    width: 7.8125vw;
    height: 7.8125vw;
    left: -1.875vw
}

.titleBG[data-v-8ba306c6] {
    z-index: -1;
    left: .625vw;
    bottom: -.7292vw;
    z-index: 0;
    position: absolute;
    width: 15.1563vw;
    height: 5vw;
    border-radius: .2104vw;
    border: .0521vw solid rgba(255, 255, 255, .14);
    opacity: .3;
    background: linear-gradient(101deg, rgba(101, 10, 192, .2) -68.07%, rgba(101, 10, 192, .02) 70.47%), linear-gradient(96deg, #650ac0 -40.61%, #2f055a 94.37%)
}

.gameInfoList[data-v-8ba306c6] {
    display: flex;
    gap: 2.3958vw;
    align-items: center
}

.gameInfo[data-v-8ba306c6] {
    display: flex;
    flex-direction: column;
    gap: .2188vw
}

.gameInfoText[data-v-8ba306c6] {
    color: #ffffff8a;
    font-family: GilroyMedium;
    font-size: 1.089vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.gameInfoSubText[data-v-8ba306c6] {
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.815vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.serverInfoList[data-v-8ba306c6] {
    display: flex;
    align-items: center;
    gap: 1.0417vw
}

.onlineBox[data-v-8ba306c6] {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: .2vw;
    padding-right: .5208vw;
    gap: .4167vw;
    height: 2.2917vw;
    border-radius: .248vw;
    background: rgba(51, 173, 71, .54)
}

.onlineText[data-v-8ba306c6] {
    color: #43ff61de;
    font-family: GilroyBold;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.onlineText span[data-v-8ba306c6] {
    color: #ffffff8c;
    font-family: GilroyRegular;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.timeBox[data-v-8ba306c6] {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: .35vw;
    padding-right: .5208vw;
    gap: .4167vw;
    height: 2.2917vw;
    border-radius: .248vw;
    background: rgba(255, 255, 255, .08);
    color: #ffffff8c;
    font-family: GilroySBold;
    font-size: 1.1956vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.bottomSide[data-v-8ba306c6] {
    height: 24.8438vw;
    width: 100%;
    display: flex;
    gap: 1.3021vw
}

.leftSide[data-v-8ba306c6] {
    display: flex;
    flex-direction: column;
    gap: 1.3021vw;
    height: 100%
}

.cardBox[data-v-8ba306c6] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .8333vw;
    position: relative;
    overflow: hidden;
    width: 21.7708vw;
    height: 11.7188vw;
    border-radius: .4167vw;
    border: .1042vw solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .1);
    box-shadow: .5729vw .9375vw 2.1563vw #ffffff08 inset;
    backdrop-filter: blur(1.0495vw)
}

.cardRightEffect[data-v-8ba306c6] {
    width: 11.5104vw;
    object-fit: cover;
    right: 0;
    position: absolute;
    bottom: 0;
    height: 100%
}

.cardNameBox[data-v-8ba306c6] {
    z-index: 2;
    opacity: .5;
    display: flex;
    align-items: center;
    gap: .3125vw
}

.cardLogo[data-v-8ba306c6] {
    width: 2.7083vw;
    height: 2.7083vw;
    object-fit: cover
}

.cardNameTextBox[data-v-8ba306c6] {
    display: flex;
    flex-direction: column;
    gap: .2083vw
}

.cardNameText[data-v-8ba306c6] {
    color: #fff;
    font-family: Oswald;
    font-size: 1.0299vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.cardNameSubText[data-v-8ba306c6] {
    color: #fff;
    font-family: Oswald;
    font-size: 1.0299vw;
    font-style: normal;
    font-weight: 300;
    line-height: 90%
}

.cardValidBox[data-v-8ba306c6] {
    gap: .1563vw;
    display: flex;
    align-items: center
}

.cardValidText[data-v-8ba306c6] {
    color: #ffffff96;
    text-align: center;
    font-family: Barlow;
    font-size: .5221vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.cardValidSubText[data-v-8ba306c6] {
    color: #fff;
    text-align: center;
    font-family: Barlow;
    font-size: .9571vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.balanceBox[data-v-8ba306c6] {
    z-index: 4;
    padding: 0vw .8333vw;
    display: flex;
    flex-direction: column;
    gap: .3646vw;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 2.3958vw;
    background: linear-gradient(90deg, rgba(49, 255, 156, .07) 0%, rgba(49, 255, 156, 0) 50%);
    width: 100%;
    height: 3.9583vw
}

.balanceSubText[data-v-8ba306c6] {
    color: #31ff9cb0;
    font-family: GilroyRegular;
    font-size: .726vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.balanceText[data-v-8ba306c6] {
    color: #31ff9c;
    text-shadow: 0px 0px 1.1875vw rgba(49, 255, 156, .55);
    font-family: GilroyBold;
    font-size: 1.694vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.jobSide[data-v-8ba306c6] {
    position: relative;
    padding: 1.25vw;
    overflow: hidden;
    width: 21.7708vw;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .5208vw;
    border-radius: .363vw;
    background: radial-gradient(209.64% 236.17% at 100% 100%, #0ac059 0%, rgba(10, 192, 89, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, 0) 100%)
}

.menuTitleBox[data-v-8ba306c6] {
    z-index: 3;
    display: flex;
    align-items: center;
    gap: .4167vw;
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.573vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.jobImg[data-v-8ba306c6] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12.3958vw;
    height: 10.7292vw;
    object-fit: cover
}

.jobBox[data-v-8ba306c6] {
    z-index: 3;
    justify-content: center;
    flex-direction: column;
    gap: .4167vw;
    display: flex;
    width: fit-content;
    height: 3.4896vw;
    padding: 0vw .4688vw;
    border-radius: .242vw;
    background: rgba(255, 255, 255, .05)
}

.jobTitle[data-v-8ba306c6] {
    color: #ffffff7d;
    font-family: GilroyMedium;
    font-size: .9vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.jobSubTitle[data-v-8ba306c6] {
    color: #ffffffba;
    font-family: GilroySBold;
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.rightSide[data-v-8ba306c6] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.3021vw
}

.storeBox[data-v-8ba306c6] {
    gap: 1.5625vw;
    overflow: hidden;
    position: relative;
    padding: 1.25vw;
    display: flex;
    flex-direction: column;
    width: 17.8646vw;
    flex: 1;
    border-radius: .363vw;
    border: .121vw solid rgba(192, 180, 10, .31);
    background: radial-gradient(209.64% 236.17% at 100% 100%, rgba(192, 180, 10, .3) 0%, rgba(192, 180, 10, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, 0) 100%)
}

.storeBox[data-v-8ba306c6]:hover {
    cursor: pointer;
    background: radial-gradient(209.64% 236.17% at 100% 100%, rgba(255, 223, 0, .5) 0%, rgba(255, 223, 0, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, 0) 100%)
}

.storeBox:hover .coinImg[data-v-8ba306c6] {
    transform: scale(1.2)
}

.storeBox .menuTitleBox[data-v-8ba306c6] {
    color: #fff022 !important
}

.coinImg[data-v-8ba306c6] {
    width: 11.5625vw;
    height: 10.2083vw;
    object-fit: cover;
    bottom: 0;
    right: 0;
    position: absolute;
    transition: .2s ease-in-out
}

.coinBox[data-v-8ba306c6] {
    justify-content: center;
    width: fit-content;
    padding: 0 .7083vw;
    gap: .4167vw;
    height: 3.6458vw;
    display: flex;
    flex-direction: column;
    border-radius: .242vw;
    color: #ffffff7d;
    font-family: GilroyMedium;
    font-size: .968vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    background: rgba(255, 255, 255, .2)
}

.coinText[data-v-8ba306c6] {
    color: #ffe030;
    font-family: GilroySBold;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.storeButton[data-v-8ba306c6] {
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    position: absolute;
    left: 1.3021vw;
    bottom: 1.3021vw;
    width: 7.6042vw;
    height: 1.9792vw;
    border-radius: .242vw;
    background: rgba(231, 194, 31, .14);
    backdrop-filter: blur(.72vw);
    color: #e7c21f;
    font-family: GilroyMedium;
    font-size: .9vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    transition: .2s ease-in-out
}

.storeButton[data-v-8ba306c6]:hover {
    cursor: pointer;
    color: #000;
    background: rgba(231, 194, 31, 1)
}

.discordBox[data-v-8ba306c6] {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding: 1.0677vw;
    width: 100%;
    height: 5.8854vw;
    border-radius: .363vw;
    border: .0605vw solid rgba(255, 255, 255, .03);
    background: radial-gradient(209.64% 236.17% at 100% 100%, #7289da 0%, rgba(114, 137, 218, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, 0) 100%);
    gap: .4688vw;
    transition: .2s ease-in-out
}

.discordBox[data-v-8ba306c6]:hover {
    cursor: pointer;
    background: radial-gradient(209.64% 236.17% at 100% 100%, #7289da 0%, rgba(114, 137, 218, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, 0) 100%)
}

.discordBox:hover .discordImg[data-v-8ba306c6] {
    transform: scale(1.2)
}

.discordImg[data-v-8ba306c6] {
    width: 8.9583vw;
    height: 5.9896vw;
    object-fit: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: .2s ease-in-out
}

.discordText[data-v-8ba306c6] {
    color: #fff;
    font-family: Agency FBS;
    font-size: 1.573vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.discordSubText[data-v-8ba306c6] {
    color: #ffffff87;
    font-family: Agency FBS;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 400;
    line-height: 90%
}

.playerBox[data-v-8ba306c6] {
    gap: 1.4063vw;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.25vw;
    border-radius: .363vw;
    border: .0605vw solid rgba(255, 255, 255, .03);
    background: radial-gradient(209.64% 236.17% at 100% 100%, #650ac0 0%, rgba(101, 10, 192, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, 0) 100%);
    overflow: hidden
}

.characterImg[data-v-8ba306c6] {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0
}

.playerInfoList[data-v-8ba306c6] {
    flex: 1;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.playerInfoSide[data-v-8ba306c6] {
    display: flex;
    flex-direction: column;
    gap: .6042vw
}

.playerInfoBoxs[data-v-8ba306c6] {
    display: flex;
    gap: .5208vw
}

.playerInfo[data-v-8ba306c6] {
    gap: .4167vw;
    padding: 0 .7292vw;
    width: fit-content;
    height: 3.6458vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: .242vw;
    background: rgba(255, 255, 255, .05)
}

.playerInfoText[data-v-8ba306c6] {
    color: #ffffff7d;
    font-family: GilroyMedium;
    font-size: .968vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.playerInfoSubText[data-v-8ba306c6] {
    color: #fff;
    font-family: GilroySBold;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.cashInfo[data-v-8ba306c6] {
    background: rgba(80, 245, 126, .2)
}

.cashInfo .playerInfoText[data-v-8ba306c6] {
    color: #50f57e7d
}

.cashInfo .playerInfoSubText[data-v-8ba306c6] {
    color: #50f5a2
}

.bankInfo[data-v-8ba306c6] {
    background: rgba(80, 245, 162, .2)
}

.bankInfo .playerInfoText[data-v-8ba306c6] {
    color: #50f5a27d
}

.bankInfo .playerInfoSubText[data-v-8ba306c6] {
    color: #50f5a2
}

.buttonList[data-v-8ba306c6] {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5.2083vw
}

.button[data-v-8ba306c6] {
    opacity: .5;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5729vw;
    color: #fff;
    text-align: center;
    font-family: Agency FBS;
    font-size: 1.365vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    transition: .2s ease-in-out
}

.button svg[data-v-8ba306c6] {
    width: 2.7604vw;
    height: 2.7604vw;
    fill: #fff;
    transition: .2s ease-in-out
}

.playButton[data-v-8ba306c6] {
    opacity: 1;
    scale: 1.3;
    transition: .2s ease-in-out
}

.quitButton[data-v-8ba306c6] {
    color: #ff7e7e;
    transition: .2s ease-in-out
}

.quitButton svg[data-v-8ba306c6] {
    fill: #ff7e7e;
    transition: .2s ease-in-out
}

.button[data-v-8ba306c6]:hover {
    cursor: pointer;
    opacity: 1
}

.playButton[data-v-8ba306c6]:hover {
    cursor: pointer;
    color: #9f53ea
}

.playButton:hover svg[data-v-8ba306c6] {
    fill: #9f53ea
}

.effectImg[data-v-8ba306c6] {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

*[data-v-40d6362d] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.slide-enter-active[data-v-40d6362d],
.slide-leave-active[data-v-40d6362d] {
    transition: transform .5s ease, opacity .5s ease
}

.slide-enter[data-v-40d6362d],
.slide-leave-to[data-v-40d6362d] {
    transform: translateY(0);
    opacity: 1
}

.slide-leave-active[data-v-40d6362d] {
    transform: translateY(-100%);
    opacity: 0
}

@keyframes slideDown-40d6362d {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

.infoBox[data-v-40d6362d] {
    z-index: 4;
    gap: .5573vw;
    padding: 0vw .7292vw;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 3.125vw;
    border-radius: 0px 0px .5131vw .5131vw;
    background: rgba(255, 255, 255, .03);
    animation: slideDown-40d6362d 2s ease-out forwards
}

.infoBox.hide[data-v-40d6362d] {
    animation: slideUp-40d6362d 2s ease-in forwards
}

@keyframes slideUp-40d6362d {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

.infoIcon[data-v-40d6362d] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5365vw;
    width: 1.5365vw;
    border-radius: .1399vw;
    border: .0467vw solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .06)
}

.infoText[data-v-40d6362d] {
    color: #ffffff9e;
    font-family: GilroyRegular;
    font-size: .8931vw;
    font-style: normal;
    font-weight: 400;
    line-height: 136.7%
}

.keyBox[data-v-40d6362d] {
    animation: keyClick .75s ease-in;
    z-index: 4;
    position: absolute;
    bottom: 1.7708vw;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7813vw
}

.keyIcon[data-v-40d6362d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4375vw;
    height: 1.9792vw;
    border-radius: .2249vw;
    border: .045vw solid rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .05)
}

.keyText[data-v-40d6362d] {
    color: #ffffffbf;
    font-family: GilroyMedium;
    font-size: 1.1103vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.keyText span[data-v-40d6362d] {
    color: #fff;
    font-family: GilroySBold;
    font-size: 1.1103vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

*[data-v-d617588f] {
    margin: 0;
    box-sizing: border-box;
    user-select: none
}

.cardgeneral[data-v-d617588f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-size: cover
}

.card[data-v-d617588f] {
    position: absolute;
    width: 20.6771vw;
    height: 12.8646vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: .7292vw;
    background: radial-gradient(243.42% 109.61% at -16.07% 61.25%, rgba(101, 10, 192, .17) 0%, rgba(101, 10, 192, 0) 100%), rgba(9, 3, 14, .95)
}

.topSide[data-v-d617588f] {
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 0 1.0417vw;
    width: 100%;
    border-radius: 14px 14px 0 0;
    background: rgba(255, 255, 255, .03);
    height: 3.75vw;
    justify-content: space-between
}

.titleBox[data-v-d617588f] {
    padding-top: .3vw;
    display: flex;
    align-items: center;
    gap: .4167vw
}

.logo[data-v-d617588f] {
    width: 2.1875vw;
    height: 2.1875vw;
    object-fit: cover
}

.titleTextBox[data-v-d617588f] {
    display: flex;
    flex-direction: column;
    gap: .2083vw
}

.titleText[data-v-d617588f] {
    color: #c990ff;
    text-shadow: 0px 0px 2.8827vw #c990ff;
    font-family: Agency FBS;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%
}

.titleSubText[data-v-d617588f] {
    color: #fff;
    text-shadow: 0px 0px 31.595px #c990ff;
    font-family: GilroyMedium;
    font-size: .5946vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.lsLogo[data-v-d617588f] {
    width: 1.9792vw;
    height: 1.5625vw;
    object-fit: cover
}

.line[data-v-d617588f] {
    width: 100%;
    height: .0521vw;
    border-radius: .4688vw;
    background: #3eb5e8
}

.bottomSide[data-v-d617588f] {
    width: 100%;
    display: flex;
    gap: .9896vw;
    padding: 1.3542vw;
    padding-top: 0vw !important
}

.characterBox[data-v-d617588f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 6.4063vw;
    height: 6.9792vw;
    border-radius: .2083vw;
    background: rgba(255, 255, 255, .03);
    backdrop-filter: blur(.138vw);
    overflow: hidden;
    object-fit: contain
}

.character[data-v-d617588f] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.rightSide[data-v-d617588f] {
    padding-top: .3125vw;
    flex-direction: column;
    display: flex;
    gap: .9375vw;
    flex: 1
}

.nameListBox[data-v-d617588f] {
    display: flex;
    align-items: center;
    gap: .5729vw
}

.textBox[data-v-d617588f] {
    display: flex;
    gap: .3646vw;
    color: #fff;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.text[data-v-d617588f] {
    width: 4.1vw;
    color: #ffffff8c;
    font-family: GilroyMedium;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 500;
    line-height: 90%
}

.subText[data-v-d617588f] {
    color: #c890ff;
    font-family: GilroySBold;
    font-size: .6771vw;
    font-style: normal;
    font-weight: 600;
    line-height: 90%
}

.signBox[data-v-d617588f] {
    display: flex;
    position: absolute;
    right: 1.3542vw;
    bottom: 1.3542vw;
    width: 2.3438vw;
    height: 3.125vw
}

.signImg[data-v-d617588f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0);
    opacity: .15
}

.linesList[data-v-d617588f] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.lines[data-v-d617588f] {
    width: 100%;
    height: .0521vw;
    background: rgba(255, 255, 255, .02)
}

.bgEffect[data-v-d617588f] {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.9479vw;
    height: 10.4688vw;
    object-fit: cover
}

*,
*:before,
*:after {
    margin: 0
}

@font-face {
    font-family: GilroyMedium;
    src: url(../assets/Gilroy-Medium_0-ce8d455b.ttf);
    font-style: normal
}

@font-face {
    font-family: GilroySBold;
    src: url(../assets/Gilroy-SemiBold_0-32eb47df.ttf);
    font-style: normal
}

@font-face {
    font-family: GilroyRegular;
    src: url(../assets/Gilroy-Medium_0-ce8d455b.ttf);
    font-style: normal
}

@font-face {
    font-family: GilroyBold;
    src: url(../assets/Gilroy-Bold_0-ed3a99e5.ttf);
    font-style: normal
}

@font-face {
    font-family: Agency FBS;
    src: url(../assets/AGENCYB-4fde694c.TTF);
    font-style: normal
}

@font-face {
    font-family: Penitentiary Gothic Fills;
    src: url(../assets/plate-font-22ae5907.ttf);
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(../assets/rubik-b35f96c1.ttf)
}

@font-face {
    font-family: Teko;
    src: url(../assets/Teko-54d71c9d.woff)
}

@font-face {
    font-family: Rubik400;
    src: url(../assets/Rubik-Regular-6130b0b9.ttf)
}

@font-face {
    font-family: Rubik600;
    src: url(../assets/Rubik-SemiBold-029548e6.ttf)
}

span.w {
    font-weight: 400
}

span.s {
    color: #fff;
    font-weight: 400
}

span.r {
    color: #df0c0c
}

span.q {
    color: #cb3694
}

span.g {
    color: #6bbe6a
}

span.b {
    color: #09c
}

span.y {
    color: #fffb00
}

span.o {
    color: #fa9f0c
}

span.p {
    color: #00f7ff
}

span.c {
    color: #727272
}

@keyframes rgb {
    0% {
        color: red
    }

    10% {
        color: #ff7300
    }

    20% {
        color: #ffd900
    }

    30% {
        color: #a6ff00
    }

    40% {
        color: #15ff00
    }

    50% {
        color: #0f8
    }

    60% {
        color: #0cf
    }

    70% {
        color: #00a2ff
    }

    80% {
        color: #0026ff
    }

    90% {
        color: #a200ff
    }

    to {
        color: #f07
    }
}

@keyframes anonymous {
    0% {
        color: #00ff0d
    }

    10% {
        color: #00ff0d
    }

    20% {
        color: #fff
    }

    30% {
        color: #fff
    }

    40% {
        color: #00ff0d
    }

    50% {
        color: #00ff0d
    }

    60% {
        color: #fff
    }

    70% {
        color: #fff
    }

    80% {
        color: #00ff0d
    }

    90% {
        color: #00ff0d
    }

    to {
        color: #fff
    }
}

@keyframes alertred {
    0% {
        color: red
    }

    10% {
        color: red
    }

    20% {
        color: #fff
    }

    30% {
        color: #fff
    }

    40% {
        color: red
    }

    50% {
        color: red
    }

    60% {
        color: #fff
    }

    70% {
        color: #fff
    }

    80% {
        color: red
    }

    90% {
        color: red
    }

    to {
        color: #fff
    }
}

span.t {
    animation: rgb 5s linear infinite
}

span.a {
    animation: anonymous 5s linear infinite
}

span.v {
    animation: alertred 5s linear infinite
}

span.u {
    font-weight: 400;
    text-decoration: underline
}

span.h {
    font-weight: 700
}

body {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#app {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

input[type=number] {
    -moz-appearance: textfield
}