.allother {
    position: relative;
    font-family: Inter;
    margin-top: 30.296296296296298vh;
    width: 100vw;
    height: 96vh;
}

.part1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 13.61111111111111vh;
}
.infoplayer {
    position: absolute;
    left: 10%;
    display: flex;
    height: 6.574074074074074vh;
    color: #B1B1B1;
}
#ppj {
    width: 11.296296296296296vh;
    height: 11.296296296296296vh;
    border: 0.3vw solid #FD97FF;
    border-radius: 50%;
}

.encolumn {
    position: absolute;
    top: -15%;
    left: 116%;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.nameplayer {
    color: white;
    margin-top: 0.2259259259259259vh;
    font-size: 1.25vw;
    width: 100%;
}

.view {
    width: fit-content;
    font-size: 0.625vw;
}

.idplayer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: fit-content;
    background: rgba(255, 255, 255, 0.05);
    color: #666666;
    padding: 0.25vw;
    margin-top: 0.4259259259259259vh;
    font-size: 0.78125vw;
    font-weight: 600;
    font-style: italic;
}

.barre {
    position: absolute;
    top: 8%;
    display: flex;
    background: rgba(255, 255, 255, 0.1);
    height: 6.203703703703703vh;
    width: 100%;
}

.allbutton {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: 100%;
    font-size: 0.9375vw;
    font-weight: 600;
    color: white;
    gap: 1vw;
}

.overview {
   margin-left: 18.489583333333332vw;
   width: 6.354166666666667vw;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}

.selected {
    border-bottom: solid 2px #EBFF00;
    padding-top: 2px;
}

.ranked {
    width: 6.354166666666667vw;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}

.part2 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 57.870370370370374vh;
    margin-top: 7.777777777777778vh;
}

.buttonect {
    display: flex;
    position: absolute;
    left: 50%;
    width: 52.291666666666664vw;
    transform: translateX(-50%);

}

.lifetime, .last7days, .last30days {
    display: flex;
    width: 5vw;
    height: 4.814814814814815vh;
    justify-content: center;
    align-items: center;
    font-size: 0.7291666666666666vw;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    cursor: pointer;
    transition: all ease-in 250ms;
}

.lifetime:hover, .last7days:hover, .last30days:hover {
    background: rgba(255, 255, 255, 0.2);
}

.selectedbuttonetc {
    background: #FFC700;
    color: black;
    font-weight: 500;
}

.selectedbuttonetc:hover {
    background: #FFC700;
}

.lifetime {
    border-top-left-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}

.last30days {
    border-top-right-radius: 0.4vw;
    border-bottom-right-radius: 0.4vw;
}

.lesstats {
    display: flex;
    flex-direction: column;
    width: 52.291666666666664vw;
    height: 50.833333333333336vh;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.05);
    top: 13%;
    border-radius: 0.5vw;
}

.overviews {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 6.666666666666667vh;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    color: white;
}

.textoverview {
    position: absolute;
    left: 5%;
    font-weight: 800;
    font-size: 1.0416666666666667vw;
}

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

.allitem {
    display: grid;
    grid-template-columns: repeat(5, 1fr) !important;
    align-content: flex-start !important;
    align-items: flex-start !important;
    grid-column-gap: 1.5vw;
    grid-row-gap: 2vw;
    width: 90%;
}

.itemstat {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6vh;
    background: rgba(255, 255,255, 0.05);
    color: #8C8C8C;
    font-weight: 700;
    font-size: 0.7291666666666666vw;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-radius: 0.2vw;
}

.top {
    position: absolute;
    top: 0%;
    left: 75%;
}

.val {
    color: white;
    font-weight: 900;
    font-size: 1.0416666666666667vw;
}

.labelval {
    font-size: 0.677vw;
}