#tournamentsField{
    width: 100%;
    height: 100%;
    position: absolute;

}
#tableInfoTitle{
    position: relative;
    margin-left: -2.5vw;
    color: whitesmoke;
    top: 55%;
    font-size: 5vh;
}

#tournamentsInfoTitle{
    position: relative;
    margin-left: -2.5vw;
    color: whitesmoke;
    top: 60%;
    font-size: 5vh;
}

#tournamentsLives{
    top: 17vh;
    width: 90%;
}
#tournamentsLivesInfo{
    width: 20%;
}
#tournamentsHealthBlock{
    width: 78%;
    background-color: #1F1F3F;
}
.tournamentsHearts{
    width: 11%;
}

#activeTournamentsTaskOverview{
    top: 25vh;
    height: 25vh;
}

.tournamentDate{
    position: absolute;
    color: #7e82b1;
    font-family: 'Roboto-Mono', sans-serif;
    width: 45%;
    font-size: smaller;
    /* top: 70%; */
    bottom: 7%;
    left: 5%;
}


.arrowButton{
    position: absolute;
    height: 3vh;
    width: 3vh;
    background-repeat: no-repeat;
    background-size: contain;
}

#otherTournamentsTaskOverview{
    /* height: 40vh; */
    bottom: 8vh;
}
#joinButton{
    bottom: 10%;
}
#continueButton{
    bottom: 10%;
}
#inTournamentReward{
    bottom: 7%;
    right: 0;
    width: 60%;
    height: 20%;
    font-size: smaller;
}

.tournamentTitle{
    position: relative;
    color: whitesmoke;
    text-align: left;
    font-weight: 700;
    font-family: 'Roboto-Mono', sans-serif;
    font-size: 15px;
    line-height: 18px;
    height: 3vh;
}

.tournamentTaskBlock{
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 1vh;
    right: 0;
    top: 1.7vh;
    bottom: 1.7vh;

}

.tournamentTaskInfoBlock{
    border-top: 2px solid #747BCA;
    position: relative;
    display: flex;
    flex-direction: row;
    height: 90%;
    top: 5%;
}

.tournamentTaskInfoTime{
    position: relative;
    width: 35%;
}
.tournamentTaskInfoPlayersCount{
    position: relative;
    width: 30%;
    border-right: 2px solid #747BCA ;
    border-left: 2px solid #747BCA ;
    align-items: center;

}
.tournamentTaskInfoReward{
    position: relative;
    width: 35%;
}
.inTaskPriceInfo{
    display: flex;
    flex-direction: row;
    height: auto;
}

.InTaskRewardBlock{
    color: rgb(132, 137, 197);
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto-Mono', sans-serif;
    font-weight: 700;
    font-size: 22px;
}

#inTournamentTaskInfoTime{
    width: 100%;
    height: 100%;
    margin-left: 5%;
}
#inTournamentTaskInfoTime>.rewardText{
    color: #747BCA;
    margin-left: 5%;
}
#inTournamentTaskInfoTime>.rewardIcon{
    background-size: 100%;
    width: 30%;
}
.inTaskDefaultInfo{
    color: #747BCA;
    margin-left: 5%;
    font-family: 'Roboto-Mono', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14.51px;
}
.inTaskInfo{
    color: whitesmoke;
    margin-left: 5%;
    font-family: 'Roboto-Mono', sans-serif;
    font-size: 16px;
    font-weight: 700;
}


.tournamentTaskInfoInRewardText{
    display: flex;
    color: #FFD952;
    font-family: 'Roboto-Mono', sans-serif;
    font-weight: 700;
    font-size: 20px;
    height: 100%;
    align-items: center;
    justify-content: left;
    flex-direction: row;
}
.alertOnTask{
    overflow: visible;
}

.alertOnTask::after{
    content: "";
    position: absolute;
    top: -5px; /* смещение по вертикали */
    right: -5px; /* смещение по горизонтали */
    width: 7px; /* диаметр круга */
    height: 7px;
    background-color: red;
    border-radius: 50%;
    box-shadow: 0 0 0 3px yellow; /* для имитации перекрытия границы */
}

.tournamentEndedPopUpInfoText{
    font-family: 'Roboto-Mono', sans-serif;
    font-size: 4vh;
    font-weight: 500;
    color: #FFD952;
    justify-content: center;
    align-items: center;
}
#discoverButton{
    bottom: 5vh;
}
#discoverButtonText{
    position: relative;
    color: #000000;
    font-size: 2.7vh;
    top: 0px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
}

.greenGlowing{
    animation: greenGlowing 1.6s infinite;
}

@keyframes greenGlowing {
    0%{
        border-color: #7FD42C;
    }
    50%{
        border-color: #578d22;
    }
}