.healthbar {
    background-color: grey;
    border-radius: 5px;
    height: 20px;
    width: 221px;
    border: 1px solid black;
    box-shadow: 0 5px 5px -6px #7d7d7d, 0 4px 7px #7d7d7d;
}

.healthbar-text {
    position: relative;
    top: auto;
    bottom: 20px;
}

.healthbar .estadistica-texto {
    color: var(--primary-dark);
    font-weight: bold;
    letter-spacing: 2px;
}

.healthbar-text-ficha {
    color: var(--primary-dark);
    font-weight: bold;
    letter-spacing: 2px;
}

.healthbar-current {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 100%;
}

.healthbar-current.barra-vitalidad {
    background-image: repeating-linear-gradient(
        to bottom,
        #00a00c,
        #78e6a8
    );
}

.healthbar-current.barra-energia {
    background-image: repeating-linear-gradient(
        to bottom,
        #cabc00,
        #f0ea97
    );
}

.healthbar-current.barra-espiritu {
    background-image: repeating-linear-gradient(
        to bottom,
        #0068df,
        #a3b9e7
    );
}

.healthbar-current.barra-haoshoku {
    background-image: repeating-linear-gradient(
        to bottom,
        #d47a1b,
        #e6e078
    );
}

.healthbar-current.barra-kenbunshoku {
    background-image: repeating-linear-gradient(
        to bottom,
        #008fa0,
        #78c6e6
    );
}

.healthbar-current.barra-busoshoku {
    background-image: repeating-linear-gradient(
        to bottom,
        #a00078,
        #e678cb
    );
}

.value-text {
    letter-spacing: 1px;
}